Fragments en Android

En esta ocasión realizaremos fragments en android, los fragments son mini activities que contienen sus propias vistas, los activities contienen 1 o mas miniactivities o fragments. Sin mas aquí los pasos.

1.- Crearemos un nuevo proyecto en android.

2.- Crearemos dos archivos xml nuevos que serán fragment1, fragment2 y también crearemos para estos xml sus respectivas activities que serán fragment1.java y fragment2.java es necesario que sean activities, aquí te mostrare la estructura de lo que te menciono.

3.- Ahora colocaremos el siguiente codigo para el fragment1.xml

fragment1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:background="#00FFF0"
        >

    <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Este es el fragment 1"
            android:textColor="#000000"
            android:textSize="45sp"
            />

</LinearLayout>

4.- Ahora colocaremos el siguiente codigo para el fragment2.xml

fragment2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:background="#EEFF00"
        >
    <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Este es el fragment 2"
            android:textColor="#000000"
            android:textSize="45sp"
            />
</LinearLayout>

5.- Para el main.xml introduciremos el siguiente codigo.

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
        >
    <fragment
            android:name="depredador1220.master.kenny.fragment1"
            android:id="@+id/fragment1"
            android:layout_weight="1"
            android:layout_width="0px"
            android:layout_height="match_parent"
            />

    <fragment
            android:name="depredador1220.master.kenny.fragment2"
            android:id="@+id/fragment2"
            android:layout_weight="1"
            android:layout_width="0px"
            android:layout_height="match_parent"
            />

</LinearLayout>

6.- Ya que hemos hecho nuestras GUI ahora toca el turno de programarlas, para el fragment1.java

     escribiremos lo siguiente.

fragment1.java

package depredador1220.master.kenny;

import android.app.Activity;
import android.os.Bundle;

//import para esta aplicacion
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class fragment1 extends Fragment {

    public View onCreateView(LayoutInflater layoutInflater, ViewGroup viewGroup, Bundle savedInstanceState) {
        //usamos el layout para este fragment
        return layoutInflater.inflate(R.layout.fragment1, viewGroup, false);
    }
}

7.- Ahora con el fragment2.java

fragment2.java

package depredador1220.master.kenny;

import android.app.Activity;
import android.os.Bundle;

//import para esta aplicacion
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class fragment2 extends Fragment {

    public View onCreateView(LayoutInflater layoutInflater, ViewGroup viewGroup, Bundle savedInstanceState) {
        //usamos el inflate layout para este fragment
        return layoutInflater.inflate(R.layout.fragment2, viewGroup, false);
    }
}

8.- Ya con esto hecho no sera necesario modificar nada al MyActivity.java, ejecutamos y observamos nuestro resultado.