CONALEP

Colegio de Educacion Profesional Tecnica

del Estado de México

Creación de Fragmentos y Activitys

en Android Studio
Docente: Anasharon Cruz Ballesteros

Alumno: Carlos Serafin Cruz Reyes

Grupo: 6104

Carrera: PTB en Informática

Sexto Semestre
Introducción

Fragment
Son componentes que funcionan dentro del ámbito de una Activity. Su finalidad es
la de ampliar parte de la lógica utilizada para la navegación entre pantallas o
Activities, pudiendo definir varios Fragments dentro de una misma Activity,
interaccionando entre ellos. Fueron introducidos con la versión de Android 3.0 (API
level 11), y representan el comportamiento de una porción de la interfaz de usuario
asociada a una Activity.

Todo Fragment debe estar embebido dentro de una Activity, por lo que el ciclo de
vida de un Fragment está ligado al de la Activity dónde se ha definido:

​ Al pausar una Activity se pasarán todos los Fragments definidos dentro

de esta.
​ Si se destruye una Activty, todos los Fragments que contenga serán
también destruidos.
​ Si la Activity se encuentra en ejecución, es posible manipular de
manera independiente cada Fragment, inclusive destruirlo.
Ventajas del uso de Fragments

Proporciona diseños más dinámicos y flexibles para pantallas más grandes.

● No son necesarios cambios muy profundos en la jerarquía de vistas.

● Cada Fragment definido en una Activity es independiente del resto de
Fragments, y por lo tanto reutilizable.
● Facilita la tarea de desarrollo de Apps que funcionen correctamente
tanto en tablets como en dispositivos móviles (multidispositivo).
● Un Fragment tiene su propio Layout y su propio ciclo de vida.

Activity
De una forma resumida podríamos definirla como cada una de las pantallas que se
crean en una aplicación Android. Para describir una Activity podemos identificar
dos partes bien diferenciadas, la parte lógica y la parte gráfica.

​ La parte lógica sería la parte programática o código trasero, que es

una clase Java encargada de implementar las funcionalidades de la
aplicación.
​ La parte gráfica consiste en un archivo xml, situado en la carpeta
nombreproyecto/res/layout/archivo.xml, dónde se definen los
componentes gráficos que formarán la interfaz gráfica del usuario.

A Continuación crearemos uno

1.- Abriremos el software de Android Studio y crearemos un nuevo proyecto

2.- Para este proyecto usaremos una plantilla de aplicacion llamada Button
Navigation Activity y procedemos a nombrar nuestra App

3.- Al crearse nuestro proyecto, nos fijamos en el apartado de las carpetas, en

cada carpeta si la abrimos encontraremos los activitys y en estos apartados se les
conocerá como fragmentos.
 4.- A continuación si vemos en este apartado, podemos ver los fragmentos que
contiene nuestra APP

Los fragmentos son

6.- Es una sección «modular» de interfaz de usuario embebida dentro de una

actividad anfitriona, el cual permite versatilidad y optimización de diseño. Se trata
de mini actividades contenidas dentro de una actividad anfitriona, manejando su
propio diseño (un recurso layout propio) y ciclo de vida.
6.- Otra ventaja de usarlos es que permiten crear diseños de interfaces de usuario
de múltiples vistas. ¿Qué quiere decir eso?, que los fragmentos son imprescindibles
para generar actividades con diseños dinámicos, como por ejemplo el uso de
pestañas de navegación, expand and collapse, stacking, etc.
7.- Se menciona que los fragmentos tienen un ciclo de vida que los asemejan a las
actividades. La diferencia está en que el ciclo de vida de un fragmento depende
del ciclo de vida de una actividad y además un fragmento posee algunas
características extras, ya que es muy común alterarlos en tiempo de ejecución
8.- El ciclo de un fragmento tiene unos cuantos métodos callback adicionales al
ciclo de vida de una actividad.

● onAttach: Es invocado cuando el fragmento ha sido asociado a la actividad

anfitriona.
● onActiviyCreated: Se ejecuta cuando la actividad anfitriona ya ha
terminado la ejecución de su método onCreate().
● onCreate: Este método es llamado cuando el fragmento se está creando. En
él puedes inicializar todos los componentes que deseas guardar si el
fragmento fue pausado o detenido.
● onCreateView: Se llama cuando el fragmento será dibujado por primera vez
en la interfaz de usuario. En este método crearemos el view que representa
al fragmento para retornarlo hacia la actividad.
● onStart: Se llama cuando el fragmento está visible ante el usuario.
Obviamente depende del método onStart() de la actividad para saber si la
actividad se está mostrando.
● onResume: Es ejecutado cuando el fragmento está activo e interactuando
con el usuario. Esta situación depende de la actividad anfitriona este primero
en su estado Resumed.
● onStop: Se llama cuando un fragmento ya no es visible para el usuario
debido a que la actividad anfitriona está detenida o porque dentro de la
actividad se está gestionando una operación de fragmentos.
● onPause: Al igual que las actividades, onPause se ejecuta cuando se
detecta que el usuario dirigió el foco por fuera del fragmento.
● onDestroyView: Este método es llamado cuando la jerarquía de views a la
cual ha sido asociado el fragmento ha sido destruida.
● onDetach: Se llama cuando el fragmento ya no está asociado a la actividad
anfitriona.

9.- Ahora veremos cómo crear dos fragment y crearemos la modularización

10.- Solamente vamos decorar nuestros fragments y posteriormente realizaremos la
modularización y esta consiste en unir dos Fragments

Insertar el fragmento en el layout de la actividad

El último paso es embeber un elemento <fragment> en el layout de la actividad.

Aunque podríamos escribir el código XML y parecer inteligentes, a mí me gusta más
bien hacerlo con el método perezoso. Fíjate:

Ve a la pestaña «Design» del archivo layout de nuestra actividad. Luego busca un

elemento de la categoría en la paleta de Views llamada «Custom» y presiona el
elemento «fragment«:
 12 .- A continuación te aparecerá un dialogo que te pide seleccionar el tipo de
Fragmento que deseas insertar en el layout de la actividad. Si te fijas aparecen los
tipos predefinidos en el API de Android y los definidos por nosotros. En este caso
elegiremos nuestro CountFragment y confirmamos.

13.- Cuando selecciones, el editor de diseño habilita el puntero para que podamos
arrastrar el fragmento a la posición que deseemos en el layout de la actividad. Así
que centra horizontalmente y alinea a la parte superior:
14.- El error de renderizado que acaba de presentarse se debe a que aun nuestro
nodo <fragment> no tiene asignado su layout a través del atributo «tools:layout«.

15.- Para ello presionaremos en la referencia del error, el enlace «Use

layout/fragment_count«. Esta acción incluirá rápidamente a nuestro archivo XML la
definición del atributo «tools:layout«. Una vez hecho esto se mostrará el fragmento
incrustado dentro del layout de la actividad como si fuese un view corriente. Si ves
el Component Tree verás al fragmento representado como hijo del RelativeLayout
de nuestra actividad:
16.- Ejecutamos y probamos