Fragment解析

原文: http://blog.csdn.net/guolin_blog/article/details/8881711
http://cheng-min-i-taiwan.blogspot.tw/2013/01/fragment.html
http://cheng-min-i-taiwan.blogspot.tw/2012/04/android-fragment-hellofragment.html

我們都知道，Android上的界面展示都是通過Activity實現的，Activity實在是太常用了，我相信大家都已經非常熟悉了，這裡就不再贅述。

但是Activity也有它的局限性，同樣的界面在手機上顯示可能很好看，在平板上就未必了，因為平板的屏幕非常大，手機的界面放在平板上可能會有過分被拉長、控件間距過大等情況。這個時候更好的體驗效果是在Activity中嵌入"小Activity"，然後每個"小Activity"又可以擁有自己的佈局。因此，我們今天的主角Fragment登場了。

Fragment初探

為了讓界面可以在平板上更好地展示，Android在3.0版本引入了Fragment(碎片)功能，它非常類似於Activity，可以像Activity一樣包含佈局。 Fragment通常是嵌套在Activity中使用的，現在想像這種場景：有兩個Fragment，Fragment 1包含了一個ListView，每行顯示一本書的標題。 Fragment 2包含了TextView和ImageView，來顯示書的詳細內容和圖片。

如果現在程序運行豎屏模式的平板或手機上，Fragment 1可能嵌入在一個Activity中，而Fragment 2可能嵌入在另一個Activity中，如下圖所示：

而如果現在程序運行在橫屏模式的平板上，兩個Fragment就可以嵌入在同一個Activity中了，如下圖所示：

由此可以看出，使用Fragment可以讓我們更加充分地利用平板的屏幕空間，下面我們一起來探究下如何使用Fragment。

首先需要注意，Fragment是在3.0版本引入的，如果你使用的是3.0之前的系統，需要先導入android-support-v4的jar包才能使用Fragment功能。

新建一個項目叫做Fragments，然後在layout文件夾下新建一個名為fragment1.xml的佈局文件：

[html] view plaincopy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent"  
4.     android:background="#00ff00" >  
5.   
6.     <TextView  
7.         android:layout_width="wrap_content"  
8.         android:layout_height="wrap_content"  
9.         android:text="This is fragment 1"  
10.         android:textColor="#000000"  
11.         android:textSize="25sp" />  
12.   
13. </LinearLayout>  

可以看到，這個佈局文件非常簡單，只有一個LinearLayout，裡面加入了一個TextView。我們如法炮製再新建一個fragment2.xml ：

[html] view plaincopy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent"  
4.     android:background="#ffff00" >  
5.   
6.     <TextView  
7.         android:layout_width="wrap_content"  
8.         android:layout_height="wrap_content"  
9.         android:text="This is fragment 2"  
10.         android:textColor="#000000"  
11.         android:textSize="25sp" />  
12.   
13. </LinearLayout>  

然後新建一個類Fragment1，這個類是繼承自Fragment的：

[java] view plaincopy

1. public class Fragment1 extends Fragment {  
2.   
3.     @Override  
4.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
5.         return inflater.inflate(R.layout.fragment1, container, false);  
6.     }  
7.   
8. }  

我們可以看到，這個類也非常簡單，主要就是加載了我們剛剛寫好的fragment1.xml佈局文件並返回。同樣的方法，我們再寫好Fragment2 ：

[java] view plaincopy

1. public class Fragment2 extends Fragment {  
2.   
3.     @Override  
4.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
5.         return inflater.inflate(R.layout.fragment2, container, false);  
6.     }  
7.   
8. }  

然後打開或新建activity_main.xml作為主Activity的佈局文件，在裡面加入兩個Fragment的引用，使用android:name前綴來引用具體的Fragment：

[html] view plaincopy

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

最後打開或新建MainActivity作為程序的主Activity，裡面的代碼非常簡單，都是自動生成的：

[java] view plaincopy

1. public class MainActivity extends Activity {  
2.   
3.     @Override  
4.     protected void onCreate(Bundle savedInstanceState) {  
5.         super.onCreate(savedInstanceState);  
6.         setContentView(R.layout.activity_main);  
7.     }  
8.   
9. }  

現在我們來運行一次程序，就會看到，一個Activity很融洽地包含了兩個Fragment，這兩個Fragment平分了整個屏幕，效果圖如下：

動態添加Fragment

你已經學會瞭如何在X​​ML中使用Fragment，但是這僅僅是Fragment最簡單的功能而已。 Fragment真正的強大之處在於可以動態地添加到Activity當中，因此這也是你必須要掌握的東西。當你學會了在程序運行時向Activity添加Fragment，程序的界面就可以定制的更加多樣化。下面我們立刻來看看，如何動態添加Fragment。

還是在上一節代碼的基礎上修改，打開activity_main.xml，將其中對Fragment的引用都刪除，只保留最外層的LinearLayout，並給它添加一個id，因為我們要動態添加Fragment，不用在XML裡添加了，刪除後代碼如下：

[html] view plaincopy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:id="@+id/main_layout"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:baselineAligned="false" >  
6.   
7. </LinearLayout>  

然後打開MainActivity，修改其中的代碼如下所示：

[java] view plaincopy

1. public class MainActivity extends Activity {  
2.   
3.     @Override  
4.     protected void onCreate(Bundle savedInstanceState) {  
5.         super.onCreate(savedInstanceState);  
6.         setContentView(R.layout.activity_main);  
7.         Display display = getWindowManager().getDefaultDisplay();  
8.         if (display.getWidth() > display.getHeight()) {  
9.             Fragment1 fragment1 = new Fragment1();  
10.             getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment1).commit();  
11.         } else {  
12.             Fragment2 fragment2 = new Fragment2();  
13.             getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment2).commit();  
14.         }  
15.     }  
16.   
17. }  

 getFragmentManager()是3.0之後  3.0之前請使用getSupportFragmentManager()

Activity 要繼承 FragmentActivity 才能動態加載

首先，我們要獲取屏幕的寬度和高度，然後進行判斷，如果屏幕寬度大於高度就添加fragment1，如果高度大於寬度就添加fragment2。動態添加Fragment主要分為4步：

1.獲取到FragmentManager，在Activity中可以直接通過getFragmentManager得到。

2.開啟一個事務，通過調用beginTransaction方法開啟。

3.向容器內加入Fragment，一般使用replace方法實現，需要傳入容器的id和Fragment的實例。

4.提交事務，調用commit方法提交。

現在運行一下程序，效果如下圖所示：

如果你是在使用模擬器運行，按下ctrl + F11切換到豎屏模式。效果如下圖所示：

                                

Fragment的生命周期

和Activity一樣，Fragment也有自己的生命週期，理解Fragment的生命週期非常重要，我們通過代碼的方式來瞧一瞧Fragment的生命週期是什麼樣的：

[java] view plaincopy

1. public class Fragment1 extends Fragment {  
2.     public static final String TAG = "Fragment1";  
3.   
4.     @Override  
5.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
6.         Log.d(TAG, "onCreateView");  
7.         return inflater.inflate(R.layout.fragment1, container, false);  
8.     }  
9.   
10.     @Override  
11.     public void onAttach(Activity activity) {  
12.         super.onAttach(activity);  
13.         Log.d(TAG, "onAttach");  
14.     }  
15.   
16.     @Override  
17.     public void onCreate(Bundle savedInstanceState) {  
18.         super.onCreate(savedInstanceState);  
19.         Log.d(TAG, "onCreate");  
20.     }  
21.   
22.     @Override  
23.     public void onActivityCreated(Bundle savedInstanceState) {  
24.         super.onActivityCreated(savedInstanceState);  
25.         Log.d(TAG, "onActivityCreated");  
26.     }  
27.   
28.     @Override  
29.     public void onStart() {  
30.         super.onStart();  
31.         Log.d(TAG, "onStart");  
32.     }  
33.   
34.     @Override  
35.     public void onResume() {  
36.         super.onResume();  
37.         Log.d(TAG, "onResume");  
38.     }  
39.   
40.     @Override  
41.     public void onPause() {  
42.         super.onPause();  
43.         Log.d(TAG, "onPause");  
44.     }  
45.   
46.     @Override  
47.     public void onStop() {  
48.         super.onStop();  
49.         Log.d(TAG, "onStop");  
50.     }  
51.   
52.     @Override  
53.     public void onDestroyView() {  
54.         super.onDestroyView();  
55.         Log.d(TAG, "onDestroyView");  
56.     }  
57.   
58.     @Override  
59.     public void onDestroy() {  
60.         super.onDestroy();  
61.         Log.d(TAG, "onDestroy");  
62.     }  
63.   
64.     @Override  
65.     public void onDetach() {  
66.         super.onDetach();  
67.         Log.d(TAG, "onDetach");  
68.     }  
69.   
70. }  

可以看到，上面的代碼在每個生命週期的方法裡都打印了日誌，然後我們來運行一下程序，可以看到打印日誌如下：

這時點擊一下home鍵，打印日誌如下：

如果你再重新進入進入程序，打印日誌如下：

然後點擊back鍵退出程序，打印日誌如下：

看到這裡，我相信大多數朋友已經非常明白了，因為這和Activity的生命週期太相似了。只是有幾個Activity中沒有的新方法，這裡需要重點介紹一下：

onAttach方法：Fragment和Activity建立關聯的時候調用。

onCreateView方法：為Fragment加載佈局時調用。

onActivityCreated方法：當Activity中的onCreate方法執行完後調用。

onDestroyView方法：Fragment中的佈局被移除時調用。

onDetach方法：Fragment和Activity解除關聯的時候調用。

Fragment之間進行通信

通常情況下，Activity都會包含多個Fragment，這時多個Fragment之間如何進行通信就是個非常重要的問題了。我們通過一個例子來看一下，如何在一個Fragment中去訪問另一個Fragment的視圖。

還是在第一節代碼的基礎上修改，首先打開fragment2.xml，在這個佈局裡面添加一個按鈕：

[html] view plaincopy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent"  
4.     android:orientation="vertical"  
5.     android:background="#ffff00" >  
6.   
7.     <TextView  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content"  
10.         android:text="This is fragment 2"  
11.         android:textColor="#000000"  
12.         android:textSize="25sp" />  
13.       
14.     <Button   
15.         android:id="@+id/button"  
16.         android:layout_width="wrap_content"  
17.         android:layout_height="wrap_content"  
18.         android:text="Get fragment1 text"  
19.         />  
20.   
21. </LinearLayout>  

然後打開fragment1.xml，為TextView添加一個id：

[html] view plaincopy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent"  
4.     android:background="#00ff00" >  
5.   
6.     <TextView  
7.         android:id="@+id/fragment1_text"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content"  
10.         android:text="This is fragment 1"  
11.         android:textColor="#000000"  
12.         android:textSize="25sp" />  
13.   
14. </LinearLayout>  

接著打開Fragment2.java，添加onActivityCreated方法，並處理按鈕的點擊事件：

[java] view plaincopy

1. public class Fragment2 extends Fragment {  
2.   
3.     @Override  
4.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
5.         return inflater.inflate(R.layout.fragment2, container, false);  
6.     }  
7.   
8.     @Override  
9.     public void onActivityCreated(Bundle savedInstanceState) {  
10.         super.onActivityCreated(savedInstanceState);  
11.         Button button = (Button) getActivity().findViewById(R.id.button);  
12.         button.setOnClickListener(new OnClickListener() {  
13.             @Override  
14.             public void onClick(View v) {  
15.                 TextView textView = (TextView) getActivity().findViewById(R.id.fragment1_text);  
16.                 Toast.makeText(getActivity(), textView.getText(), Toast.LENGTH_LONG).show();  
17.             }  
18.         });  
19.     }  
20.   
21. }  

現在運行一下程序，並點擊一下fragment2上的按鈕，效果如下圖所示：

我們可以看到，在fragment2中成功獲取到了fragment1中的視圖，並彈出Toast。這是怎麼實現的呢？主要都是通過getActivity這個方法實現的。 getActivity方法可以讓Fragment獲取到關聯的Activity，然後再調用Activity的findViewById方法，就可以獲取到和這個Activity關聯的其它Fragment的視圖了。

-------------------------------------------------------------------------------------------------------------
1.靜態增加Fragment

firstfragment.xml :

<?xml version="1.0" encoding="utf-8"?>

<TextView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/Fragment1"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:gravity="center_vertical|center_horizontal"

    android:text="My first Fragment !!"

    android:textAppearance="?android:attr/textAppearanceLarge" />

MyFirstFragment.java :

package com.demo.fragment;

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

public class MyFirstFragment extends Fragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

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

main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="horizontal" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="fill_parent"

        android:layout_weight="1"

        android:background="#FFFFFF"

        android:text="Main Activity"

        android:textColor="#0000FF" />

    <fragment

        android:id="@+id/first"

        android:name="com.demo.fragment.MyFirstFragment"

        android:layout_width="wrap_content"

        android:layout_height="fill_parent"

        android:layout_weight="2" />

</LinearLayout>

MainActivity.java

package com.demo.fragment;

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

public class MainActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

2.動態增加Fragment

firstfragment.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Fragment1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical|center_horizontal"
    android:text="My first Fragment !!"

    android:textAppearance="?android:attr/textAppearanceLarge" />

MyFirstFragment.java

package com.demo.fragment;

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

public class MyFirstFragment extends Fragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

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

main.xml

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="#FFFFFF"
        android:text="Main Activity"
        android:layout_weight="1"
        android:textColor="#0000FF" />
 
    <FrameLayout
        android:id="@+id/MainActivityUI"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:background="#ff0000" />

</LinearLayout>

MainActivity.java

package com.demo.fragment;

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

public class MainActivity extends FragmentActivity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        addFragment();
    }

    void addFragment() {

        // Instantiate a new fragment.
        Fragment newFragment = new MyFirstFragment();

        FragmentTransaction ft = getFragmentManager().beginTransaction();
        ft.add(R.id.MainActivityUI, newFragment, "first");
        ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);
        ft.commit();
    }
}



增加一個 Fragment 部分的程式碼在addFragment()中實現，首先建立一個 MyFirstFragment 的實例(Instantiate)，在使用getFragmentManager()獲得FragmentTransaction物件，並呼叫 beginTransaction() 開始執行Transaction；

過程中使用FragmentTransaction物件add()的方法將Fragment增加到Activity中。
add()有三個參數，第一個是Fragment的ViewGroup；第二個是Fragment 的實例(Instantiate)；第三個是Fragment 的Tag。

一旦FragmentTransaction出現變化，必須要呼叫commit()使之生效。

------------------------------------------------------------------------------------------------------
Fragment間的資料傳遞

我們可以透過FragmentManager中的findFragmentById() 或者 findFragmentByTag() 就可以改變Fragment中所定義的參數或布景元件等。
還有一個常用的類別就是FragmentTransaction，這個類別主要功能是可以在Activity中新增、刪除、修改、查詢 Fragment。
而在FragmentTransaction中有一個addToBackStack()方法，使用這個方法的時機通常是在尚未執行commit()前的UI介面增加到 Back Stack 中，當切到下一個Fragment畫面後可以按下倒退鍵便將上一個UI介面回復

下面就用一個簡單的程式來實作Fragment與Fragment間的資料傳遞。

activity_main.xml

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

    <LinearLayout
        android:id="@+id/rightLinearLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:background="#DEDEEE"
        android:orientation="vertical" >
    </LinearLayout>

    <LinearLayout
        android:id="@+id/leftLinearLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#DEEEDE"
        android:orientation="vertical" >
    </LinearLayout>

</LinearLayout>

fragment1.xml

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment1"
        android:textColor="#0000FF" />

    <Button
        android:id="@+id/left_button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按鍵" />

</LinearLayout>

fragment2.xml

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment2"
        android:textColor="#0000FF" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

MainActivity.java
package edu.nkut.fragmenttest;

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

public class MainActivity extends Activity {

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

        MyFragment1 MyFragment1Ref = new MyFragment1();
        MyFragment2 MyFragment2Ref = new MyFragment2();

        FragmentManager fm = getFragmentManager();
        FragmentTransaction ft = fm.beginTransaction();
        ft.add(R.id.leftLinearLayout, MyFragment1Ref, "leftfragment");
        ft.add(R.id.rightLinearLayout, MyFragment2Ref, "rightfragment");
        // ft.addToBackStack(null);
        ft.commit();

    }
}

MyFragment1.java

package edu.nkut.fragmenttest;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;

public class MyFragment1 extends Fragment {
    private Button button1;
    private View view;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment1, container, false);
        button1 = (Button) view.findViewById(R.id.left_button1);

        button1.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                Fragment rightFragment = MyFragment1.this.getFragmentManager().findFragmentByTag("rightfragment");
                EditText editTextRef = (EditText) rightFragment.getView().findViewById(R.id.editText1);
                editTextRef.setText("按下 Fragment1 按鍵");
            }
        });
        return view;
    }
}

MyFragment2.java

package edu.nkut.fragmenttest;

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

public class MyFragment2 extends Fragment {

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

上述執行程式時當按下Fragment1的按鍵時，會從Fragment1送一個字串到Fragment2的EditText。以上就完成了Fragment與Fragment間的資料傳遞，程式中在MainActivity.java中可以試試看有無ft.addToBackStack(null)在按下倒退鍵有何差別。

--------------------------------------------------------------------------------
Fragment裡面也可放Fragment :

fragment1.xml:

<?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="#00ffff"
    >
   
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="This is Fragment 1"
    android:textColor="#000000"
    />
   
   

</LinearLayout>

Fragment1.java:

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

}

fragment2.xml:

<?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:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="This is Fragment 2"
    android:textColor="#000000"
   
    />
   
   
   
</LinearLayout>

Fragment2.java:

public class Fragment2 extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.fragment2,container,false);
}

}

fragment3.xml:

<?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:background="#ffff00"
    android:orientation="horizontal" >

       <FrameLayout
        android:id="@+id/fragment1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#ff0000" />

       <FrameLayout
        android:id="@+id/fragment2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#ff0000" />

</LinearLayout>

Fragment3:

public class Fragment3 extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.fragment3,container,false);
}

@Override
public void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);

Fragment newFragment2 = new Fragment2();
Fragment newFragment1 = new Fragment1();

    FragmentTransaction ft = getFragmentManager().beginTransaction();
       ft.add(R.id.fragment1, newFragment1, "first");
       ft.add(R.id.fragment2, newFragment2, "second");
       ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);
       ft.commit();
}

}

activity_main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

</LinearLayout>

MainActivity.java:

public class MainActivity extends FragmentActivity {

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

Display display = getWindowManager().getDefaultDisplay();
       if (display.getWidth() > display.getHeight()) {
           Fragment3 fragment3 = new Fragment3();
           getSupportFragmentManager().beginTransaction().replace(R.id.main_layout,                                       fragment3).commit();
       } else {
           Fragment1 fragment1 = new Fragment1();
           getSupportFragmentManager().beginTransaction().replace(R.id.main_layout,                                       fragment1).commit();
       }
   }
}

直向:

橫向: