CURSO: DESARROLLO DE APLICACIONES

MÓVILES I

Unidad 2: Componentes y lenguajes Java y

Kotlin
Tema 5: Diseño avanzado controles
enlazados a datos
 Índice
• Diseño avanzado controles enlazados a datos
• Diseño de interfaz de usuario con Views Avanzados: RecycledView, ListView, GridView
• Clase RecyclerView.Adapter, ViewHolder
• Introducción Fragments
• Declarando Fragments, fragments dinámicos
• Visualizando Fragments básicos
• Personalizando Fragments layout

2
 Capacidades

• Identifica el funcionamiento de controles enlazados a datos.

• Desarrollar una aplicación utilizando controles avanzados a datos recycledView.

• Programa eventos para seleccionar elementos de un recycledView.

3
 Diseño de interfaz con View
• Las vistas personalizadas diseñadas correctamente también se pueden agregar a través de
XML, y es posible agregarles estilo del mismo modo.
• Para ello es necesario poner el practica para entender el buen funcionamiento del mismo.

4
 RecycledView Diseño avanzado Conceptos

• Bean/Pojo/Entity .- es una clase que representa un registro a nivel de la aplicación

• Diseño de elementos.- es un archivo de diseño de objetos a mostrar en pantalla
como representación de registros. Dentro de este diseño se utiliza el control
llamado CardView que es un elemento de visualización de datos para el
recycledView
• Clase Adaptador.- Clase que enlaza los datos con el diseño de elementos además de
tener eventos a nivel de cada registro mediante la clase ViewHolder
•

5
 RecycledView Diseño avanzado

• RecycledView requiere crear un conjunto de objetos que son dependientes para

mostrar una vista similar a lo que se muestra:

• Para completar el diseño que se muestra se debe crear los siguientes objetos:
1. Crear una clase Bean/Pojo/Entity
2. Diseño de elementos (Archivo Layout) utilizando CardView
3. Crear la clase Adaptador que incluye en su interior una Clase de enlace de
objetos llamado ViewHolder
4. Crear una activity para mostrar los datos donde se debe agregar un control
RecycledView

6
 RecyclerView.Adapter Conceptos

• Clase Adaptador.- Clase que enlaza los datos con el diseño de elementos además
de tener eventos a nivel de cada registro mediante la clase BeanHolder como se
muestra a continuación

• Diseño de elementos.- es un archivo de diseño de objetos a mostrar en pantalla

como representación de registros. Dentro de este diseño se utiliza el control
llamado CardView que es un elemento de visualización que luego se mostrar en el
RecycledView

7
 GridView Diseño avanzado
• El gridView permite trabajar con visualizaciones de iconos
grandes con varias columnas a la vez con el fin de enriquecer
el contenido, un ejemplo similar al siguiente grafico.

• Para completar el diseño que se muestra se debe crear los

siguientes objetos:
1. Crear una clase Bean/Pojo/Entity
2. Diseño de elementos (Archivo Layout) utilizando CardView
3. Crear la clase Adaptador que extiende de la clase
BaseAdapter programando el método getView
4. Crear una activity para mostrar los datos donde se debe
agregar un control gridView
8
 BaseAdapter Conceptos

• Clase Adaptador.- Clase que enlaza los datos con el diseño de elementos además
de tener eventos a nivel de cada registro mediante el método getView

• Diseño de elementos.- es un archivo de diseño de objetos a mostrar en pantalla

como representación de registros. Dentro de este diseño se utiliza el control
llamado CardView que es un elemento de visualización que luego se mostrar en el
gridview

9
 Fragments
• Android introduce los fragmentos en Android 3.0 (nivel de API 11), principalmente para
admitir diseños de IU más dinámicos y flexibles en pantallas grandes, como las de las
tablets. Como la pantalla de una tablet es mucho más grande que la de un teléfono, hay
más espacio para combinar e intercambiar componentes de la IU.

10
 Crear Fragments vía XML
• Los fragmentos permiten diseñar aplicaciones con contenido más complejo como el
siguiente diseño de la aplicación donde tiene dos secciones

11
 Fragments ciclo de vida
•La clase Fragment tiene un código que se asemeja bastante a una
Activity. Contiene métodos de devolución de llamada similares a los de
una actividad, como onCreate(), onStart(), onPause() y onStop().
•Se debe implementar al menos los siguientes métodos del ciclo de vida:

•onCreate()
•El sistema lo llama cuando crea el fragmento.

•onCreateView()
•El sistema lo llama cuando el fragmento debe diseñar su interfaz de
usuario por primera vez.

•onPause()
•El sistema llama a este método como el primer indicador de que el
usuario está abandonando el fragmento (aunque no siempre significa
que el fragmento se esté destruyendo).

12
 Declarar Fragments

•Para declara y/o crear fragments se puede crear por XML como se muestra a
continuación

13
 Ejercicios
• Desarrollo de la practica de laboratorio Controles enlazados a datos
• Diseño de pantallas utilizando los fragment

14
 Conclusiones
• Los controles enlazados a datos permiten presentar la información para el usuario
• Si deseas mostrar mucha información en listas con iconos y más contenido es recomendable
utilizar un recycledView
• En el caso de necesitar presentar los datos en una vista de iconos grandes en varias columnas
entonces puedes utilizar un gridView

15
 Referencias bibliográficas
• Gironés, Jesús Tomas; Gonzalo Puga (2018) El gran libro de Android. 5a ed. México D.F.: Alfa
y Omega.
• Gargenta, Marko (2011) Learning Android. United States of America: O’Reilly Media, Inc.
• Hodson, Ryan (2014) Android Programming Succinctle. United States of America: Syncfusion
Inc.
• Android Developer. Página Oficial. Recuperado de
https://developer.android.com/guide/?hl=es-419
• Satya, Komatineni; Maclean, Dave (2012) Expert Android. Recuperado de
http://cursoslared.com/recursoslibre/TutorialAndroidPrincipiantes.pdf

16