Android: Interfaz de Usuario

1,080 views

Published on

Presentación para el módulo de Introducción a la Programación y Desarrollo con Android del Máster en Desarrollo de Videojuegos para Móviles de la IPECC

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,080
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Android: Interfaz de Usuario

  1. 1. Enrique López-Mañas Módulo 4: Creación y diseño de videojuegos móvilesAndroid: Interfaz de UsuarioEn colaboración con la Con la participación deUniversidad de Alcalá Electronic Arts
  2. 2. Contenido Interfaz de Usuario: Entendiendo la Interfaz de Usuario Diseño de la Interfaz Capturar eventos de la Interfaz Responder a cambios de orientación Notificaciones al usuarioIntroducción a la programación – Enrique López Mañas 2
  3. 3. Entendiendo la UI Dos maneras de definir la IU: XML: (p.ej., main.xml en la carpeta res/layout) En tiempo de ejecución Interfaz contiene Views y ViewGroups Todos los Views deben colocarse dentro de un ViewGroupIntroducción a la programación – Enrique López Mañas 3
  4. 4. Views y ViewGroups Tipos de ViewGroups LinearLayout TableLayout RelativeLayout FrameLayout ScrollViewIntroducción a la programación – Enrique López Mañas 4
  5. 5. Linear Layout Coloca los elementos en una columna o en una filaIntroducción a la programación – Enrique López Mañas 5
  6. 6. Table Layout Agrupa Views en filas y columnasIntroducción a la programación – Enrique López Mañas 6
  7. 7. RelativeLayout Permite especificar la posición relativa entre las ViewsIntroducción a la programación – Enrique López Mañas 7
  8. 8. Unidades de medida Cuando se especifica el tamaño de un elemento, podemos utilizar: dp: Pixel independiente de la densidad. 160dp equivalen a 1 pulgada de pantalla física sp: Pixel independiente de la escala, se usa en tamaño de fuente de letra pt: Punto. Equivale a 1/72 pulgadas, basada en el tamaño de la pantalla px: Pixel. Equivale a los pixeles de la pantalla, no recomendable ya que no renderizará correctamente .Introducción a la programación – Enrique López Mañas 8
  9. 9. Diseño de la UI Mediante archivos xml En tiempo de ejecuciónIntroducción a la programación – Enrique López Mañas 9
  10. 10. Ejemplo: Creación de la interfaz en tiempo de ejecuciónIntroducción a la programación – Enrique López Mañas 10
  11. 11. Ejemplo Capturar Eventos de la UI:Hay más de una manera de interceptar los eventos de interacción del usuario: Extender la clase View y Sobrecargar el método EventListeners, relativos a cada View onClick, onLongClick, onTouch, etc... EventHandler, eventos del dispositivo onKeyDown, onKeyUp, onTouchEvent Introducción a la programación – Enrique López Mañas 11
  12. 12. Extender Clase ViewIntroducción a la programación – Enrique López Mañas 12
  13. 13. EventListenerIntroducción a la programación – Enrique López Mañas 13
  14. 14. Cambios de Orientación Cuando cambia la orientación del dispositivo, la Activity visible se destruye y se vuelve a crear Es necesario adaptarse a ésos cambios: Anclar Views Reposicionar y cambiar el tamaño de los ViewsIntroducción a la programación – Enrique López Mañas 14
  15. 15. Ejemplo Layout que responde a los cambios de orientación Cómo anclar Views Cómo reposicionar y cambiar el tamaño res/layout res/layout-landIntroducción a la programación – Enrique López Mañas 15
  16. 16. Notificaciones al usuario Según la situación existen diferentes maneras de notificar al usuario Diálogos: AlertDialog ProgressDialog DatePickerDialog TimePickerDialog Menús: OptionsMenu ContextMenu Barra de notificaciones Activity como DialogIntroducción a la programación – Enrique López Mañas 16
  17. 17. Ejemplo Creación de Diálogos Utilización de Menús Notificaciones Activity como Dialog Aplicar EstilosIntroducción a la programación – Enrique López Mañas 17
  18. 18. Gracias por su atención Contacto para dudas y sugerencias Enrique López Mañas eenriquelopez@gmail.com @eenriquelopezEn colaboración con la Con la participación deUniversidad de Alcalá Electronic Arts

×