Desarrollo de Aplicaciones Mviles Ing.

Edwin Cieza
DESARROLLO DE APLICACIONES
MVILES
Interfaces de Usuario y Aplicaciones
con Acceso a Datos
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
!e"a# Interfa$ de usuario en Android
Se"ana %&'
O()eti*os
Conceptuales
Describir la forma de realizar el diseo de interfaces
de usuario en una aplicacin para Android.
Conocer el significado y uso de las vistas layouts uso
de recursos etc.
!rocedimentales
Crear una Aplicacin Android con una Interface de
usuario con estilos.
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
Interfa$ de usuario en Android
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
!ara empezar a crear interfaces en Android se puede realizar a
trav"s de # formas$
A trav"s de Cdigo %ava.
A trav"s de &M'
Interfa$ de usuario en Android
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
Dise+o de Interfa$ de usuario a tra*,s de c-di.o /a*a
Esta no es la for"a reco"enda(le
de tra(a)ar con Android
Interfa$ de usuario en Android
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
Dise+o de Interfa$ de usuario a tra*,s de 0ML
Con*iene separar todo lo posi(le el
dise+o1 los datos y la l-.ica de la aplicaci-n
De"ostraci-n
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
Pre.untas al Paso
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
PRE2UN!AS AL PASO
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(Cu)l *+ es una venta,a de disear el interfaz de usuario en
&M' en lugar de en cdigo-
.e pueden conseguir interfaces muc/o m)s f)ciles de
utilizar.
!ermite 0ue los diseadores traba,en de forma
independiente a los programadores.
!ermite utilizar /erramientas gr)ficas de diseo.
.e acelera la fase de diseo.
PRE2UN!AS AL PASO
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(Cu)l *+ es una venta,a de disear el interfaz de usuario en
&M' en lugar de en cdigo-
.e pueden conseguir interfaces muc/o m)s f)ciles de
utilizar.
!ermite 0ue los diseadores traba,en de forma
independiente a los programadores.
!ermite utilizar /erramientas gr)ficas de diseo.
.e acelera la fase de diseo.
Comentario$ Correcto traba,ar con &M' no te garantiza /acer
m)s f)cil el diseo de la interfaz de usuario.
PRE2UN!AS AL PASO
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(!ara 0u" se utiliza la siguiente sentencia de %ava
setContent1iew23.layout.activity4main56-
!ermite definir el interfaz de usuario de la actividad
utilizando e7clusivamente cdigo %ava.
Crea el fic/ero 3.,ava a partir del 'ayout definido.
.e crear)n todos los ob,etos 0ue /an sido definidos en el
fic/ero res8layout8activity4main.7ml y se asocian a la
actividad para 0ue los visualice.
*inguna de las anteriores.
PRE2UN!AS AL PASO
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(!ara 0u" se utiliza la siguiente sentencia de %ava
setContent1iew23.layout.activity4main56-
!ermite definir el interfaz de usuario de la actividad
utilizando e7clusivamente cdigo %ava.
Crea el fic/ero 3.,ava a partir del 'ayout definido.
.e crear)n todos los ob,etos 0ue /an sido definidos en el
fic/ero res8layout8activity4main.7ml y se asocian a la
actividad para 0ue los visualice.
*inguna de las anteriores.
Comentario$ E7celente.
PRE2UN!AS AL PASO
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(9u" funcin tiene la clase 3.,ava-
Almacenar los recursos en su interior por lo 0ue puede
ser muy grande.
Es la responsable de representar el interfaz de usuario.
3ealiza una conversin de &M' a cdigo alfanum"rico.
!ermite acceder a los recursos desde cdigo %ava.
PRE2UN!AS AL PASO
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(9u" funcin tiene la clase 3.,ava-
Almacenar los recursos en su interior por lo 0ue puede
ser muy grande.
Es la responsable de representar el interfaz de usuario.
3ealiza una conversin de &M' a cdigo alfanum"rico.
!ermite acceder a los recursos desde cdigo %ava.
Comentario$ Muy :ien;;.
PRAC!ICA CALI3ICADA CLASE
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
Disear la siguiente pantalla$
Re4ueri"ientos
Aplicacin Multi<Idioma
2m=nimo > idiomas5.
?so de recursos .trings
Color.7ml
PRAC!ICA CALI3ICADA CLASE
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
3evisa el siguiente video y contesta las siguientes preguntas$
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
(9u" ventana de Eclipse tenemos 0ue utilizar para modificar
los atributos de las vistas-
(9u" ventana de Eclipse tenemos 0ue utilizar para consultar y
modificar la estructura de layouts y vistas-
En la barra superior del editor visual de layouts aparecen una
serie de desplegables (9u" finalidad tienen-
(Cual es la diferencia entre fill4parent y wrap4content-
PRAC!ICA CALI3ICADA CLASE
LIN5O2RA36A
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
Android Developers $
/ttp$88developer.android.com8inde7./tml
Android en Espaol $
/ttp$88www.android.es8
:log +ficial de Android$
/ttp$88officialandroid.blogspot.com8
Desarrollo de Aplicaciones Mviles Ing. Edwin Cieza
@racias