Saltear al contenido principal
Fragments

Ejemplo práctico: implementación de Fragments en una App Android

Fragments
1. Activity y Fragments
2. Ejemplo práctico: implementación de Fragments en una App Android
3. Videotutorial: proyecto uso de Fragments en una Activity Android

Vamos a desarrollar un pequeño proyecto Android para mostrar de forma práctica la implementación y el uso de Fragments.

En este ejemplo, definiremos un directorio de contactos, utilizando una vista tipo Master/Details (*), que permitirá seleccionar un contacto de una lista situada a la izquierda de la pantalla, mostrando información del mismo en la parte derecha. Para ello crearemos una Activity principal, encargada de definir los dos Fragments necesarios para mostrar ambas áreas de información, que heredará de la clase FragmentActivity.

(*): tipo de vista que permite manejar las relaciones Padre/Hijo o Master/Details, posibilitando mostrar el detalle del encabezado seleccionado o Maestro.

Pantalla de la App lista de contactos

Como es habitual, puedes descargar todo el código del proyecto al final de este tutorial.

Elementos necesarios para el proyecto

  • Una Activity principal que herede de FragmentActivity, y definir dos layout de tipo Fragment.
  • Una clase que herede de Fragment, un Array de Objetos Contacto ya inicializados, un componente de tipo ListView y un adapter para cargarlo en este último.
  • Una clase que herede de Fragment, para mostrar en un componente de tipo TextView información sobre el contacto seleccionado.
  • Una clase Contacto, encargada de almacenar y devolver los valores asignados.

Contactos/src/com.academiaandroid.contactos/MainActivity.java

Contactos/src/com.academiaandroid.contactos/Contacto.java

Contactos/src/com.academiaandroid.contactos/FragmentLista.java

Contactos/src/com.academiaandroid.contactos/FragmentInfoContacto.java

Contactos/res/layout/activity_main.xml

Main Activity

Contactos/res/layout/fragment_lista_contactos.xml

Lista contactos

Contactos/res/layout/fragment_info_contactos .xml

Información contactos

Contactos/res/layout/list_item_contactos.xml

Res layout

Descarga del proyecto

(formato zip, tamaño 3,8 MB)

Download

 

En la siguiente publicación de esta serie, explicaremos todo este proyecto en un videotutorial

 

Esta entrada tiene un comentario

Los comentarios están cerrados.

Volver arriba