Interfaz Grafica En Android

android

Programación Android: Interfaz gráfica - Adapters I

Un objeto Adaptador actúa como puente entre un AdapterView y los datos de una Vista (View). El adaptador permite el acceso a los elementos de datos, éste también es responsable de crear una vista para cada elemento en la colección de datos.

Se puede decir, que los adaptadores son colecciones de datos, que asignamos a una vista para que ésta los muestre, por ejemplo, podemos crear un ArrayAdapter a partir de un array de string ya creado y con datos, y asignar este adaptador a un ListView, así, el ListView mostrará los datos del array.

android

Programación Android: Interfaz gráfica - Componentes gráficos y Eventos

Ya hemos visto que todos los componentes visuales descienden del objeto View, que proporciona una interfaz para que podemos interactuar con ellos.

Para que nuestras aplicaciones sean funcionales, necesitamos responder a los eventos que el usuario dispare al interactuar con nuestro programa, en Android, esto se consigue mediante los Listeners, que serán llamados cada vez que se produzca un evento.

android

Programación Android: Interfaz gráfica - Estilos y Temas

Un estilo es una colección de propiedades que especifican que aspecto ha de tener un objeto View o una ventana. Con los estilos podemos definir propiedades como la altura, relleno, color del texto, fondo etc. Los estilos en Android comparten la filosofía de las hojas de estílo en cascada (CSS), permitiendo separar el diseño del contenido.

Como podemos comprobar con este ejemplo, el código queda mucho más límpio usando estilos:

android

Programación Android: Interfaz gráfica - Menús

Los menús en las aplicaciones son algo que encontramos frecuentemente, de hecho, casi todos los terminales Android tienen un botón específico para desplegarlos.

Se dispone de distintos tipo de menús:

  • Options Menu: El menú típico, que se despliega al pulsar la tecla menú, que se divide en dos grupos:
  • Icon menu:Muestra un menú con iconos, 6 elementos como máximo.
  • Expanded Menu: Se usa cuando hay más de 6 elementos, mostrando un elemento con la palabra ‘Más’.
  • Context Menu: Menús contextuales desplegados al realizar una pulsación larga en una View.
  • Submenús: Menús desplegados al pulsar sobre un elemento de otro menú.

Options Menu