Tutorial : Fragment on Android

My definition about fragment on Android is add another view in current view but have different activity.

 for example :

step 1 :
create new project, with :

Application Name : FragmentExample

Project Name : FragmentExample

Package Name : com.example.fragmentexample

Minimum required SDK : API 14: Android 4.0 (IceCream Sandwich)

step 2 :

Create class DetailsFragmentActivity.java

step 3 :

Create new page. (right click on folder res -> layout, select New -> Others. Select Android Activity then next, and give name DetailsActivity, then finish). You can design page to give difference each page.

step 4 :

In activity_main.xml, add fragment element.

step 5 :
Create new class to activity of fragment (DetailsFragmentAcitvity.java)

Code :
activity_main.xml

<LinearLayout 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:background="#55000000"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <fragment
        android:id="@+id/fragmentLayout"
        android:name="com.example.fragmentexample.DetailsFragmentActivity"
        android:layout_width="fill_parent"
        android:layout_height="300dp"
        android:layout_marginTop="50dp" />

</LinearLayout>

activity_details.xml

 <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="#55FF0000"
    tools:context=".DetailsActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

DetailsActivity.java (code for activity_details.xml when this is the page or standalone)

 package com.example.fragmentexample;

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

public class DetailsActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_details);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.details, menu);
        return true;
    }

}

DetailsFragmentActivity.java (code for activity_details.xml when this is the fragment)

package com.example.fragmentexample;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class DetailsFragmentActivity extends Fragment {
  
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.activity_details, container, false);
        return v;
    }
  
}


MainActivity.java (code for activity_main.xml)

package com.example.fragmentexample;

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

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        DetailsFragmentActivity DetailAct = (DetailsFragmentActivity) getFragmentManager()
                .findFragmentById(R.id.fragmentLayout);
        if (DetailAct == null) {
            DetailAct = new DetailsFragmentActivity();
            getFragmentManager().beginTransaction()
                    .replace(R.id.fragmentLayout, DetailAct).commit();
        } else {

        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

Happy Code !!!