Android Fragment Example

Let's have a look at the simple example of android fragment.

activity_main.xml

File: activity_main.xml

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="fill_parent"  
3.     android:layout_height="fill_parent" >  
4.   
5.     <fragment  
6.         android:id="@+id/fragment2"  
7.         android:name="com.example.fragmentexample.Fragment2"  
8.         android:layout_width="0px"  
9.         android:layout_height="match_parent"   
10.         android:layout_weight="1"  
11.         />  
12.   
13.     <fragment  
14.         android:id="@+id/fragment1"  
15.         android:name="com.example.fragmentexample.Fragment1"  
16.         android:layout_width="0px"  
17.         android:layout_height="match_parent"  
18.         android:layout_weight="1"  
19.          />  
20.   
21. </LinearLayout>  

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <fragment android:id="@+id/fragment2" android:name="com.example.fragmentexample.Fragment2" android:layout_width="0px" android:layout_height="match_parent" android:layout_weight="1" /> <fragment android:id="@+id/fragment1" android:name="com.example.fragmentexample.Fragment1" android:layout_width="0px" android:layout_height="match_parent" android:layout_weight="1" /> </LinearLayout>

File: fragment1.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical"  
6.     android:background="#00ff00"  
7.      >  
8.   
9.     <TextView  
10.         android:id="@+id/textView1"  
11.         android:layout_width="wrap_content"  
12.         android:layout_height="wrap_content"  
13.         android:text="fragment frist"  
14.         android:textAppearance="?android:attr/textAppearanceLarge" />  
15.   
16. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#00ff00" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="fragment frist" android:textAppearance="?android:attr/textAppearanceLarge" /> </LinearLayout>

File: fragment2.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical"  
6.     android:background="#0000ff"  
7.      >  
8.   
9.     <TextView  
10.         android:id="@+id/textView1"  
11.         android:layout_width="wrap_content"  
12.         android:layout_height="wrap_content"  
13.         android:text="Second Fragment"  
14.         android:textAppearance="?android:attr/textAppearanceLarge" />  
15.   
16. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#0000ff" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Second Fragment" android:textAppearance="?android:attr/textAppearanceLarge" /> </LinearLayout>

---

MainActivity class

File: MainActivity.java

1. package com.example.fragmentexample;  
2.   
3. import android.os.Bundle;  
4. import android.app.Activity;  
5. import android.view.Menu;  
6. public class MainActivity extends Activity {  
7.   
8.     @Override  
9.     protected void onCreate(Bundle savedInstanceState) {  
10.         super.onCreate(savedInstanceState);  
11.         setContentView(R.layout.activity_main);  
12.     }  
13. }  

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); } }

---

File: Fragment1.java

1. package com.example.fragmentexample;  
2.   
3. import android.app.Fragment;  
4. import android.os.Bundle;  
5. import android.view.LayoutInflater;  
6. import android.view.View;  
7. import android.view.ViewGroup;  
8.   
9. public class Fragment1 extends Fragment {  
10.     @Override  
11.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
12.             Bundle savedInstanceState) {  
13.         // TODO Auto-generated method stub  
14.         return inflater.inflate(R.layout.fragment1,container, false);  
15.     }  
16.   
17. }  

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 Fragment1 extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // TODO Auto-generated method stub return inflater.inflate(R.layout.fragment1,container, false); } }

---

File: Fragment2.java

1. package com.example.fragmentexample;  
2.   
3. import android.app.Fragment;  
4. import android.os.Bundle;  
5. import android.view.LayoutInflater;  
6. import android.view.View;  
7. import android.view.ViewGroup;  
8.   
9. public class Fragment2 extends Fragment {  
10.       
11.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
12.             Bundle savedInstanceState) {  
13.         // TODO Auto-generated method stub  
14.         return inflater.inflate(R.layout.fragment2,container, false);  
15.     }  
16.   
17. }  

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 Fragment2 extends Fragment { public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // TODO Auto-generated method stub return inflater.inflate(R.layout.fragment2,container, false); } }

---

download android fragment example

---

Output: