Diferencia entre revisiones de «Usuario:ManuelRomero/Android/Fragement/Conceptos»

Revisión de 07:34 19 mar 2014

Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos. Ver página de charlas.

DESARROLLO DE APLICACIONES CON ANDROID SDK

Contenido

• 1 Fragment: Adaptando la aplicación a las pantallas (móvil Vs Tablet)
• 2 La clase Fragment
• 3 Herencia
  • 3.1 Ciclo de vida del fragment
  • 3.2 Ciclo de Vida de Fragment
  • 3.3 Trabanado con Fragment
  • 3.4 Activity propietaria del Fragment
  • 3.5 Los Fragments
  • 3.6 Creando single and multi pane Layout
  • 3.7 Layout

Fragment: Adaptando la aplicación a las pantallas (móvil Vs Tablet)

Concepto de Fragment

 Referencias 

• http://www.sgoliver.net/blog/?p=3496
• http://developer.android.com/reference/android/app/Fragment.html
• http://edu4android.com/es/guide/topics/fundamentals/fragments.
• http://chuwiki.chuidiang.org/index.php?title=Fragments_en_Android
• http://jarroba.com/programar-fragments-fragmentos-en-android/

La clase Fragment

• Un fragment es una parte de una actividad, con su propia interfaz de usuario y comportamiento.
• De este modo podemos tener una actividad costruida a partir de uno o varios Fragment
• Por otro lado podemos usar el mismo Fragment para asignarlo a diferentes Activity
• En la figura tenemos una app con dos Activity, y otra app con una única Activity que contiene dos Fragment

Herencia

• La clase Fragment hereda directamente de Object como podemos ver en la imagen
• A su vez directamente derivamos en Fragment especializados que veremos en otro capitulo (DialogFragment, ListFragment, PreferenceFragment, WebViewFragment)

Ciclo de vida del fragment

• Un Fragment tiene su propio ciclo de vida que conviene conocer.
  • Un Fragment no se puede ejecutar de forma independiente; Para ser ejecutado en una app siempre pertenecerá a una Activity.
• Por lo tanto su ciclo de vida estará ligado o afectado al ciclo de vida de la Acivity de la que depende

Ciclo de Vida de Fragment

• La siguiente imagen muestra el ciclo de vida de un Fragmnent desde que se va a cargar hasta que está en ejecución

• Explicamos brevemente cuando entran en acción

public void onAttach(Activity );

• Llamado una vez que el Fragment es asociado a la Activity
• Es el primer método del Callback invocado,
• En el se recibe una instancia de la Activity dentro de la cual se va a ejecutar el fragment.
• Invocado para crear el Fragment dentro de nuestra app.

onCreate(Bundle)

Llamado cuando el el Fragment se va a crear por primera vez

public View onCreateView(LayoutInflater, ViewGroup, Bundle)

• Aporta su layout para la activity principal
• LayoutInflater ==> objeto que permite retornar el layout para que se incorpore en el ViewGroup
• ViewGrup ==> Es el contenedor donde se va a incorporar la view de este fragment
• Bundle ==> Si no es null quiere decir que estamos reconstruyendo el fragment cuyo estado previamente se había guardado.

 ....
 public View onCreateView (LayoutInflater inflador ViewGroup contenedor, Bundle estado{
        return (inflador.inflate(R.layout.layout_este_fragment, contendor,false);                 
}

public void onActivityCreated(Bundle )

• Se llama cuando el callback onCreate() de la actividad ha finalizado

public void onStart()

public void onResume()

• Ambas dos tienen el mismo significado que el de la clase Activity

• Hay una serie de métodos que conviene conocer:

onCreate

onCreateView

Crea la UI de usuario correspondiente a este Fragment y lo retorna para que forme parte de la UI de la Activity de la que depende

• Dentro de este método es donde asignamos el layout correspondiente al Fragment, y lo devolvemos para que la activity lo incorpore en su UI.

onCreateView(LayoutInflater, ViewGroup, Bundle)

onActivityCreated

Cuando la Activity de la que depende el Fragment, ya ha sido creada

• A partir de ahora podemos invocar a getActivity() para recuperar una referencia a dicha activity

Una vez que el fragment ha sido creado y está activo, .lo mismo que le sucede a la Activity puede ser pasado de forma total o parcial a segundo plano pasando por los métodos

onPause()

• Hace tiempo que no se interactúa con el
• El fragment se queda parcialmente oculto y ya no estaría en primer plano.

onStop()

• El fragment ya no está visible por que la acrividad se ha empezado a parar o la propia actividad a iniciado este método

   onDestroyView()

• Permite al fragment liberar de dorma organizada los recursos que tenga asociados a él

   onDestroy()
   onDetach() 
Ambos tres se ejecutan de forma  secuencial e inicial la destrucción del fragment

Trabanado con Fragment

• Todo fragmente ha de tener asociado un layout y una clase java

Activity propietaria del Fragment

• Ahora definimos una activity que incorporará los layouts
• Como toda Activity contendrá su layout, pero en este caso vamos a definir tres diferentes, aunque con el mismo nombre
• Esto es por que en este caso queremos contemplar tres situaciones

1. Que la acitivity se ejecuta en un móvil pequeño, solo mostraremos uno de los layouts del framgent en un memento determinado
2. Que la activity se ejecuta en una tablet grande en posición horizontal.
3. Que la activity se ejecuta en una tables grande en posición vertical.

• Para que esto funcione cada uno de estos layouts, todos con el mismo nombre pues son el layout de una Activity, lo guardaremos en diferentes carpetas
• Un Fragment solo puede funcionar en el código ligado a una Activity
• Para poder interaccionar con fragment: FragementManager
• Obetener un Fragementmanager = Activity.getFragmentManager() o Fragment.getFragmentManager()
• Todas las subclases de un fragment deben de incluir un constructor vacion público para que al restaurar una actividad no nos de un posible error

Los Fragments

• http://developer.android.com/guide/components/fragments.html
• You can think of a fragment is a modular section of an activity.
• When an Activity is running, you can manipulate each fragment independently (add them, remove them ,...).
• When you perform such a fragment transaction (cuando ejecutas un fragment con transaccional)...

Puedes poner el fragment en la pila administrada por la activity pudiendo luego recuperarla con el backward (boton de atrás ). Al añadir un fragment como parte del UI de una activity, Este UI pertenecerá a la jerarquía de la vista de la actividad (formando parte de su ViewGroup o contenedor principal), definiendo el fragment su propio layout.

• Existen dos formas de agregar un fragment a un layout

1. declarando en el fichero xml del la activity como un <fragment>
2. En la aplicación añadiendo al ViewGroup.

• También se puede usar un fragment sin UI (no entiendo para qué ????)

Creando single and multi pane Layout

http://developer.android.com/guide/practices/tablets-and-handsets.html

• Para usar el potencial de los fragment a la hora de realizar el diseño tenemos dos opciones

1. Varios Fragments en 1 Activity

independientemente del tamaño de la pantalla del dispositivo (tablet o handset), definimos una 
sola Activity
En tiempo de ejecución se decide si combinamos los Fragment en la Activity, o cargamos solo uno 
de ellos

1. Varios Fragments y varias Activitys

Si el tamaño del dispositivo lo permite cargamos los Fragment en una de las Activity,  si no cargaremos cada una de las Activity

• Ambas opciones son buenas

La primera opción requiere que determinemos el tamaño de la pantalla del dispositiv en tiempo de ejecución y entonces decidamos añadir cada fragment según sea apropiado.

• Dependiendo del tamaño de la ventana el sistema aplica diferentes xml layuout:

1. res/layout/main.xml para handset (pantallas pequeñas)
2. res/layout-large/main.xml para tables

• En nuestro ejemplo vamos a usar el segundo caso y tendremos en total 3 Activity y 2 Fragment
• Seguiremos la imagen del dibujo
• Tenemos en total 3 Activity y 2 Fragment como se expresa a continuacion

Imagne:FragmentAgenda.png

• http://developer.android.com/reference/android/app/Fragment.html#Layout

Layout

Si un Activity va a incluir el layout de un fragment, debe en su xml incluir el tag <fragmet>