Android Fragment的用法（一）

一、碎片是什麼

　　碎片（Fragment）是一種能夠嵌入在活動當中的UI片斷，它能讓程序更加合理和充分地利用大屏幕的空間，於是在平板上應用的很是普遍。雖然碎片對你來講應該是個全新的概念，但我相信你學習起來應該絕不費力，由於它和活動實在是太像了，一樣都能包含佈局，一樣都有本身的生命週期。你甚至能夠將碎片理解成一個迷你型的活動，雖然這個迷你型的活動有可能和普通的活動是同樣大的。

　　那麼究竟要如何使用碎片才能充分地利用平板屏幕的空間呢？想象咱們正在開發一個新聞應用，其中一個界面使用ListView展現了一組新聞的標題，當點擊了其中一個標題，就打開另外一個界面顯示新聞的詳細內容。若是是在手機中設計，咱們能夠將新聞標題列表放在一個活動中，將新聞的詳細內容放在另外一個活動中，如圖1所示。

                                                    圖1

但是若是在平板上也這麼設計，那麼新聞標題列表將會被拉長至填充滿整個平板的屏幕，而新聞的標題通常都不會太長，這樣將會致使界面上有大量的空白區域，如圖2所示。

                                                    圖2

所以，更好的設計方案是將新聞標題列表界面和新聞詳細內容界面分別放在兩個碎片中，而後在同一個活動裏引入這兩個碎片，這樣就能夠將屏幕空間充分地利用起來了，如圖3所示。

                                            圖3

二、碎片的使用方式

 

新建一個FragmentTest項目，而後開始咱們的碎片探索之旅吧。

新建一個左側碎片佈局left_fragment.xml，代碼以下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <Button 
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="Button"
        />
    
</LinearLayout>

這個佈局很是簡單，只放置了一個按鈕，並讓它水平居中顯示。而後新建右側碎片佈局right_fragment.xml，代碼以下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00ff00"
    android:orientation="vertical" >
    
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="20sp"
        android:text="This is right fragment"
        />
    
</LinearLayout>

能夠看到，咱們將這個佈局的背景色設置成綠色，並放置了一個TextView用於顯示一段文本。接着新建一個LeftFragment類，繼承自Fragment。注意，這裏可能會有兩個不一樣包下的Fragment供你選擇，建議使用android.app.Fragment，由於咱們的程序是面向Android 4.0以上系統的，另外一個包下的Fragment主要是用於兼容低版本的Android系統。LeftFragment的代碼以下所示：

public class LeftFragment extends Fragment {

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

}

這裏僅僅是重寫了Fragment的onCreateView()方法，而後在這個方法中經過LayoutInflater的inflate()方法將剛纔定義的left_fragment佈局動態加載進來，整個方法簡單明瞭。接着咱們用一樣的方法再新建一個RightFragment，代碼以下所示：

public class RightFragment extends Fragment {

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

}

新建another_right_fragment.xml，代碼以下所示：

<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="vertical" >
    
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="20sp"
        android:text="This is another right fragment"
        />
    
</LinearLayout>

這個佈局文件的代碼和right_fragment.xml中的代碼基本相同，只是將背景色改爲了黃色，並將顯示的文字改了改。而後新建AnotherRightFragment做爲另外一個右側碎片，代碼以下所示：

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

代碼一樣很是簡單，在onCreateView()方法中加載了剛剛建立的another_right_fragment佈局。這樣咱們就準備好了另外一個碎片，接下來看一下如何將它動態地添加到活動當中。修改activity_main.xml，代碼以下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 靜態加載Fragment -->
    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <FrameLayout
        android:id="@+id/right_layout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" >

　　　　 <!-- 能夠在這個容器中動態加載Fragment -->

        <fragment
            android:id="@+id/right_fragment"
            android:name="com.example.fragmenttest.RightFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </FrameLayout>

</LinearLayout>

能夠看到，如今將右側碎片放在了一個FrameLayout中，這是Android中最簡單的一種佈局，它沒有任何的定位方式，全部的控件都會擺放在佈局的左上角。因爲這裏僅須要在佈局裏放入一個碎片，所以很是適合使用FrameLayout。

以後咱們將在代碼中替換FrameLayout裏的內容，從而實現動態添加碎片的功能。修改MainActivity中的代碼，以下所示：

public class MainActivity extends Activity implements OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.button:
            AnotherRightFragment fragment = new AnotherRightFragment();
            FragmentManager fragmentManager = getFragmentManager();
            FragmentTransaction transaction = fragmentManager. beginTransaction();
            transaction.replace(R.id.right_layout, fragment);
            transaction.commit();
            break;
        default:
            break;
        }
    }

}

能夠看到，首先咱們給左側碎片中的按鈕註冊了一個點擊事件，而後將動態添加碎片的邏輯都放在了點擊事件裏進行。結合代碼能夠看出，動態添加碎片主要分爲5步。

1. 建立待添加的碎片實例。
2. 獲取到FragmentManager，在活動中能夠直接調用getFragmentManager()方法獲得。
3. 開啓一個事務，經過調用beginTransaction()方法開啓。
4. 向容器內加入碎片，通常使用replace()方法實現，須要傳入容器的id和待添加的碎片實例。
5. 提交事務，調用commit()方法來完成。

這樣就完成了在活動中動態添加碎片的功能，運行程序，能夠看到啓動界面如圖4所示，而後點擊一下按鈕，效果如圖5所示。

                                                                                                    圖4

 

                                                                                                  圖5

 

三、在碎片中模擬返回棧

 

　　咱們成功實現了向活動中動態添加碎片的功能，不過你嘗試一下就會發現，經過點擊按鈕添加了一個碎片以後，這時按下Back鍵程序就會直接退出。若是這裏咱們想模仿相似於返回棧的效果，按下Back鍵能夠回到上一個碎片，該如何實現呢？

 

其實很簡單，FragmentTransaction中提供了一個addToBackStack()方法，能夠用於將一個事務添加到返回棧中，修改MainActivity中的代碼，以下所示：

public class MainActivity extends Activity implements OnClickListener {
    ……
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.button:
            AnotherRightFragment fragment = new AnotherRightFragment();
            FragmentManager fragmentManager = getFragmentManager();
            FragmentTransaction transaction = fragmentManager. beginTransaction();
            transaction.replace(R.id.right_layout, fragment);
            transaction.addToBackStack(null);
            transaction.commit();
            break;
        default:
            break;
        }
    }
}

　　這裏咱們在事務提交以前調用了FragmentTransaction的addToBackStack()方法，它能夠接收一個名字用於描述返回棧的狀態，通常傳入null便可。如今從新運行程序，並點擊按鈕將AnotherRightFragment添加到活動中，而後按下Back鍵，你會發現程序並無退出，而是回到了RightFragment界面，再次按下Back鍵程序纔會退出。

四、碎片和活動之間進行通訊

　　雖然碎片都是嵌入在活動中顯示的，但是實際上它們的關係並無那麼親密。你能夠看出，碎片和活動都是各自存在於一個獨立的類當中的，它們之間並無那麼明顯的方式來直接進行通訊。若是想要在活動中調用碎片裏的方法，或者在碎片中調用活動裏的方法，應該如何實現呢？

　　爲了方便碎片和活動之間進行通訊，FragmentManager提供了一個相似於findViewById()的方法，專門用於從佈局文件中獲取碎片的實例，代碼以下所示：

      　　RightFragment rightFragment = (RightFragment) getFragmentManager().findFragmentById(R.id.right_fragment);

　　調用FragmentManager的findFragmentById()方法，能夠在活動中獲得相應碎片的實例，而後就能輕鬆地調用碎片裏的方法了。

　　掌握瞭如何在活動中調用碎片裏的方法，那在碎片中又該怎樣調用活動裏的方法呢？其實這就更簡單了，在每一個碎片中均可以經過調用getActivity()方法來獲得和當前碎片相關聯的活動實例，代碼以下所示：

　　　　MainActivity activity = (MainActivity) getActivity();

　　有了活動實例以後，在碎片中調用活動裏的方法就變得垂手可得了。另外當碎片中須要使用Context對象時，也可使用getActivity()方法，由於獲取到的活動自己就是一個Context對象了。

　　這時不知道你心中會不會產生一個疑問，既然碎片和活動之間的通訊問題已經解決了，那麼碎片和碎片之間可不能夠進行通訊呢？

　　說實在的，這個問題並無看上去的複雜，它的基本思路很是簡單，首先在一個碎片中能夠獲得與它相關聯的活動，而後再經過這個活動去獲取另一個碎片的實例，這樣也就實現了不一樣碎片之間的通訊功能，所以這裏咱們的答案是確定的。