Tema 4 3_4_interfaces_de_usuario

Análisis y Diseño de Software

Departamento de Ingeniería de Sistemas Telemáticoshttp://moodle.dit.upm.es

Interfaces de UsuarioHebras e Internacionalización.Interfaz Yamba

Carlos A. Iglesias <[email protected]>

Interfaces de Usuario 2

Teoría

Ejercicio práctico en el ordenador

Ampliación de conocimientos

Lectura / Vídeo / Podcast

Práctica libre / Experimentación

Leyenda


Temario● 4.1 Introducción a Android [Gar10, cap1-2 ]

● 4.2 Desarrollo con Android [Gar10, cap3-5]

● 4.3 Interfaces de Usuario [Gar10, cap6]

– 4.3.1 Ejemplo SobreTeleco– 4.3.2 Layouts y Views– 4.3.3 Widgets y Trazas. Interfaz del proyecto Yamba– 4.3.4. Hebras e internacionalización. Interfaz Yamba.

● 4.4 Intenciones y Servicios [Gar10, cap7-8]

● 4.5 Acceso a Datos [Gar10, cap9]


Bibliografía

● Libro de texto: – [Gar10] Learning Android, Marko Gargenta,

O'Reilly, 2010. Disponible en http://ofps.oreilly.com/titles/9781449390501/

– Capítulos 6– http://www.youtube.com/watch?v=-P1eiRy-klk&list=PLE08A97D36D5A255F&index=10&feature=plpp_video

– http://www.youtube.com/watch?v=CzKYgi80yUw&list=PLE08A97D36D5A255F&index=11&feature=plpp_video

● Android Developers– http://developer.android.com/guide/topics/fundamentals.html

– http://developer.android.com/guide/topics/ui/index.html

http://ofps.oreilly.com/titles/9781449390501/

http://www.youtube.com/watch?v=-P1eiRy-klk&list=PLE08A97D36D5A255F&index=10&feature=plpp_video

http://developer.android.com/guide/topics/fundamentals.html


Objetivos

● Entender cómo funcionan la concurrencia y las hebras en Android

● Aprender a internacionalizar una aplicación


Hebras en Android

● Android se basa en Linux, por lo que utiliza el sistema de gestión de hebras de linux

● Vamos a ver cómo usar las hebras al programar en Android


Ejecución Monohebra

● Por defecto, una aplicación Android ejecuta sólo una hebra (single thread):– Cada instrucción se ejecuta, una a

continuación de otra– Cada llamada es bloqueante– La hebra que se ejecuta es la hebra de interfaz

de usuario (UI thread), es responsable de 'pintar' y de capturar los eventos del usuario

– Ejecución monohebra:


¿Qué pasa si se cuelga una actividad?

● El sistema operativo está 'atento', y si una actividad no responde (normalmente 5 segundos), nos avisa para que 'la matemos'– Diálogo ANR (Application Not Responding)


Problema monohebra: bloqueo UI

Solución: usamos hebras


Ejemplo

● Una aplicación que se descarga un fichero

Android in Practice, Collins et al., 2011,Cap 6, Manning. Ejemplo disponible en http://www.manning.org/collins


Interfaz main.xml (I)


Interfaz main.xml (II)


Actividad: SimpleImageDownload (I)

Creo un objeto 'Runnable' para descargar la imagen


Actividad: SimpleImageDownload (II)

Al pinchar el botón, creo una hebra con el objeto Runnable y ejecuto start()


Para ver si ha terminado... trazas


Podemos depurar para ver las hebras

Proceso del sistema

Nuestro proceso1. Click – Selecciono proceso

2. Depurar

3. Depurar hebras

4. Ver hebras (actualizar)


Nuestra hebra

UI Thread


Análisis

● ¿Cuánto vive la hebra?– Termina cuando termina el método run(). Puede

terminar más tarde que la Actividad / Servicio que lo inició → No debería tener referencias a estos objetos, puede darnos problemas

● Es una 'mala solución' – No podemos indicar en la interfaz que hemos terminado

● ¿Qué pasa si damos muchas veces al botón? → Generamos muchas hebras...


Soluciones

● Problemas para actualizar UI desde la hebra– Creamos varias hebras (la UI y otras) y las

comunicamos: Handler

● Problemas si piden muchas hebras– Creamos un 'pool' de hebras y sólo tenemos

ese número activo– Así además reutilizamos las hebras y no hace

falta crearlas cada vez: ThreadPoolExecutor


Ejecución multihebra

● Separamos tareas 'que tardan mucho' en diferentes hebras

● Así, simulamos mayor paralelismo, y la interfaz responde sin penalizaciones

● Casos normales de una hebra:– Un servicio de actualización que se ejecuta de

fondo (background) – Un calculo que lleva mucho tiempo– Almacenamiento de datos en tarjeta SD


¿Cómo programamos esto en Android?

● Definiendo un servicio que se ejecuta de fondo y envía notificaciones a la interfaz (lo veremos, es la 'opción mejor')

● Usando una hebra (thread) de fondo– Usando la clase Thread y Handler directamente

• Las hebras no pueden notificar directamente a la hebra de interfaz UI

– Usando la clase AsyncTask, que facilita ejecutar tareas de fondo y publicar resultados en la hebra UI principal


Hebras

● En Android, tenemos una hebra principal, la UIThread, que es responsable de la interfaz

● Esta hebra puede crear otras hebras secundarias que NO pueden acceder a la interfaz

● La comunicación entre la hebra ppal y las secundarias se hace con un Handler


Handler

● Al comunicarnos con la hebra principal con un Handler, podemos hacer dos cosas:– Intercambiar mensajes de la cola de mensajes

del Handler– Pasar objetos Runnables para que los ejecute

la hebra principal

http://developer.android.com/reference/android/os/Handler.html

http://developer.android.com/reference/android/os/Handler.html


Comunicación hebras Mensajes

<<Thread>>Hebra principal (UI)

Handler h

<<Thread>>Hebra secundaria 1


1. Message msg = h.obtainMessage()

2. h.sendMessage(msg)

handleMessage(Message msg)

Constructor con patrón de diseño

Factoría para reutilizar objetos


Esquema paso mensajes

HebraPrincipal extends Activity {private Handler h = new Handler() {public void handleMessage(Message msg) {

// procesa mensajes}

metodo() { // crea una hebra secundaria Thread th = new Thread(new Runnable(){ // método de la hebra secundaria ... Message msg = h.obtainMessage(); h.sendMessage(msg); ... }); } }


Comunicación hebrasCola de Tareas

<<Thread>>Hebra principal (UI)

Handler h



<<Runnable>>Runnable r2

h.post(r1)

h.postAtFrontOfQueue(r2)

<<Runnable>>Runnable r1


Esquema paso tareasHebraPrincipal extends Activity {

private Handler h = new Handler() {public void onCreate() {

…Thread th = new Thread(r2, “Background”);th.start();

}private Runnable r1 = new Runnable() {

public void run() {// actualizo UI

}}private Runnable r2 = new Runnable() {

public void run() {// ejecuto cosash.post(r1);

}}

}


Más detalle

Sólo el thread principal tiene un objeto Looper, a través del que

accede a la cola de mensajes en un bucle


Ejemplo con mensajes

● Vamos a hacer una aplicación que vaya mostrando el progreso de la tarea de fondo

● Usaremos ProgressBar


Interfaz main.xml (I)


Interfaz main.xml (II)


Actividad (I)


Actividad (II)


Actividad (III)


Ejecución


Ejemplo paso de tareas


main.xml


Actividad (I)


Actividad (II)


Actividad (III)


Usando AsyncTask

● Usar las hebras directamente es tedioso

● Android proporciona AsyncTask– Permite crear una hebra de fondo que publica

en la hebra UI sin tener que programar Threads o Handlers

– Definimos una tarea 'asíncrona' que se ejecuta de fondo y publica sus resultados en la hebra UI


AsyncTask – Uso básico● Hebras: UI Thread (UITh) y Background Thread

(BGTh, la AsyncTask) ●Tipos genéricos: Params, Progress, Result● Estados principales

– onPreExecute (UITh)– doInBackground (BGTh)– onProgressUpdate(UITh)– onPostExecutre(UITh)

● Método auxiliar– publishProgress (BGTh)


AsyncTask

● Una AsyncTask tiene 3 tipos genéricos● AsyncTask<Params, Progress, Result>

– Params – tipo de parámetros enviados a la tarea para su ejecución

– Progress – tipo de las unidades de progreso publicadas durante su ejecución

– Result – resultado de la ejecución de la tarea

● Si no usamos un tipo, lo ponemos Void (con V)


Métodos de AsyncTask● onPreExecute(): invocado por UIth

justo tras ejecutar la tarea

● doInBackground(Params) – invocado por BGTh justo tras onPreExecute

● onProgressUpdate(Progress) – invocado por UITh tras una llamada de BGTh a publishProgress(Progress)

● onPostExecute(Result) invocado por UITh justo tras terminar BGTh


Ejemplo AsyncTask


Interfaz main.xml


Actividad MainTask


Actividad MainTask (II)

… → número de argumentos

variable, se procesa como un array


Actividad MainTask (III)


Yamba. StatusActivity2 (I)


StatusActivity2 (I)


Retoques finales

● Ya tenemos la aplicación

● Podemos– Añadir que descuente el

número de caracteres– Añadir colores/imágenes


ContarCaracteres main.xml


ContarCaracteres -TextWatcher (I)


ContarCaracteres -TextChangedListener (III)


Personalización

●En Android en res podemos hacer carpetas con recursos para– Una orientación res/layout-land/status.xml– Un idioma res/values-es-rES/strings.xml

(language-region)

●En eclipse new->XML File


Asistente recursos alternativos


Lo que llevamos hecho...


Resumen

● En este tema hemos aprendido a gestionar concurrencia con tareas de fondo en Android

● Hemos visto cómo gestionar directamente hebras, comunicarlas con Handlers, y cómo usar AsyncTasks

● Por último, cómo darle un mejor aspecto visual y crear recursos alternativos


¿Preguntas?

Technology

Tema 4 3_4_interfaces_de_usuario