Un Fragment representa un comportamiento o una parte de la interfaz de usuario en una Activity. Puedes combinar múltiples fragmentos en una sola actividad para crear una IU multipanel y volver a usar un fragmento en múltiples actividades. Puedes pensar en un fragmento como una sección modular de una actividad que tiene su ciclo de vida propio, recibe sus propios eventos de entrada y que puedes agregar o quitar mientras la actividad se esté ejecutando (algo así como una «subactividad» que puedes volver a usar en diferentes actividades). [developer.android.com]
Es decir, un fragment nos permite:
La Modularidad: Es decir, dividir en partes más sencillas el código de una actividad compleja para un mejor entendimiento y mantenimiento y así convertir una sola actividad en un UI multi-panel.
Reusabilidad: Es decir, reutilizar Fragments en más de una actividad reduciendo así el código y tiempo de desarrollo.
Adaptabilidad: Representa una interfaz de usuario con diferentes fragmentos y diseños dependiendo de la orientación y tamaño de la pantalla.
A continuación un ejemplo de la creación y uso de un Fragment en una actividad utilizando Android Studio
Paso 1. El proyecto base
Creamos un nuevo proyecto en Android Studio con el nombre de «Ejemplo de Fragmento«, utilizaremos como min SDK API 16 Android 4.1 para tener una mayor compatibilidad con distintos dispositivos. A continuación elegimos un Empty Activity, dejamos el MainActivity y activity_main como están y finalmente presionamos el botón «finish» para crear el proyecto.
Paso 2. El Fragment
Android Studio cuenta con la opción de crear un Fragment y su archivo XML correspondiente de manera automática, sin embargo eso nos agrega mucho código, código que por el momento no nos interesa conocer. Así que en este tutorial crearemos ambos archivos manualmente.
Creamos una nueva clase, que llamamos «MiFragmento«, a continuación agregamos un nuevo layout con el nombre de fragment_mifragmento. Nuestro proyecto actual a continuación.
Abrimos la clase MiFragmento y reemplazamos por el siguiente código:
import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class MiFragmento extends Fragment { /** * Nueva instancia del fragmento * */ public static MiFragmento newInstance() { return new MiFragmento(); } /** * La interfaz del fragmento * */ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.fragment_mifragmento, container, false); } }
Ahora abrimos el archivo XML fragment_mifragmento y reemplazamos por:
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="20dp" android:background="#e45529" tools:context="net.jc_mouse.ejemplodefragmento.MiFragmento"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:textColor="#FFFFFF" android:text="HOLA MUNDO CRUEL!!! yo soy un Fragment :)" /> </FrameLayout>
En este archivo definimos el Fragment y su contenido, que en este caso consta de un solo TextView. Importante, en tools:context, indicamos la ruta de la clase MiFragmento a la cual este layout esta relacionado.
Paso 3. Agregando el Fragment a la actividad principal
Abrimos el archivo activity_main y reemplazamos el TextView que se crea por defecto por:
<fragment android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/fragment" class="net.jc_mouse.ejemplodefragmento.MiFragmento"/>
es decir:
Donde en class indicamos la ruta de la clase MiFragmento
Ejecutamos y obtenemos:
enjoy!!!
Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.
Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye
Enjoy! :)
Si te gusta realizar tus propios memes o foto montajes pero tienes poca o nula experiencia en editores gráficos como Pho...
Continuando con nuestro tutorial de «Mapas interactivos con HTML5» , esta es la sección que corresponde a los elementos...
En post pasados [Ejemplo práctico de MVC java Swing con Netbeans, 3 en raya java con MVC y Netbeans , MVC: Modelo, Vista...
Inspeccionando los cientos de marcadores que tenia en mi firefox, me encontre un enlace web con una interesante clase pa...
🙂 Una de las preguntas más buscadas por programadores java es la de crear componentes swing en tiempo de ejecución, eso...
En tutoriales pasados creábamos demasiadas líneas de código en el mismo lugar para dibujar en la pantalla, cosa que nos...
Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...
Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...
En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...
Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...