Tema 4 3_4_interfaces_de_usuario

Análisis y Diseño
de Software

Interfaces de Usuario
Hebras e Internacionalización.
Interfaz Yamba
Carlos A. Iglesias <cif@gsi.dit.upm.es>

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

Leyenda
Teoría

Ejercicio práctico en el ordenador

Ampliación de conocimientos

Lectura / Vídeo / Podcast

Práctica libre / Experimentación

Interfaces de Usuario 2

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_vid
– 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

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

2. Depurar
Proceso del sistema
3. Depurar hebras

4. Ver hebras (actualizar)

Nuestro proceso
1. Click – Selecciono proceso

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


Comunicación hebras
Mensajes

<<Thread>>
Constructor con Hebra principal (UI)
patrón de diseño
Factoría para
reutilizar objetos
Handler h
handleMessage(Message msg)
1. Message msg = h.obtainMessage()
2. h.sendMessage(msg)

<<Thread>> <<Thread>>
Hebra secundaria 1 Hebra secundaria 1


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 hebras
Cola de Tareas
<<Runnable>> <<Runnable>>
Runnable r1 Runnable r2

<<Thread>>
Hebra principal (UI)

Handler h

h.post(r1)
h.postAtFrontOfQueue(r2)

<<Thread>> <<Thread>>
Hebra secundaria 1 Hebra secundaria 1


Esquema paso tareas
HebraPrincipal 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 cosas
h.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?


Tema 4 3_4_interfaces_de_usuario

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (13)

Similaire à Tema 4 3_4_interfaces_de_usuario

Similaire à Tema 4 3_4_interfaces_de_usuario (20)

Plus de Carlos A. Iglesias

Plus de Carlos A. Iglesias (20)

Dernier

Dernier (15)

Tema 4 3_4_interfaces_de_usuario