Android 學習之Fragment的建立

標籤：建立fragment

本節學習Fragment， Fragment是Android3.0引入的新的API。引入的初衷是為了適合大螢幕的平板電腦。Fragment代表了Activity的子模組，因此可以把Fragment理解為Activity的片段。本節學習如何建立Fragment。

1：先建立一個布局檔案，用於顯示，左邊是按鈕用來切換Fragment，而右邊就是fragment要顯示的內容

<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"    tools:context="${relativePackage}.${activityClass}"     >    <LinearLayout         android:layout_width="wrap_content"        android:layout_height="match_parent"        android:orientation="vertical"        >                <Button             android:id="@+id/bt_1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Fragement1"            android:onClick="red"            />        <Button             android:id="@+id/bt_2"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Fragement2"            android:onClick="green"            />        <Button             android:id="@+id/bt_3"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Fragement3"            android:onClick="blue"            />    </LinearLayout>        <FrameLayout         android:id="@+id/fl"        android:layout_weight="1"        android:layout_width="0dp"        android:layout_height="match_parent"        >            </FrameLayout>    </LinearLayout>

2：建立一個Fragment子類，繼承Fragment類。

Fragment01：

public class Fragement01 extends Fragment {//返回的view對象會作為fragement1的內容顯示在介面上@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View v = inflater.inflate(R.layout.fragement1, null);return v;}}

Fragment02：

public class Fragement02 extends Fragment {//返回的view對象會作為fragement2的內容顯示在介面上@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View v = inflater.inflate(R.layout.fragement2, null);return v;}}

Fragment03：

public class Fragement03 extends Fragment {//返回的view對象會作為fragement3的內容顯示在介面上@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View v = inflater.inflate(R.layout.fragement3, null);return v;}}

因為每個Fragment必須要對應一個布局檔案，所以需要3個Fragment的布局檔案

Fragment01的布局檔案：

<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="#FF0000"    >    <TextView         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="這是Fragement1"        android:textSize="25sp"        /></LinearLayout>

Fragment02的布局檔案：

<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="這是Fragement2"        android:textSize="25sp"        /></LinearLayout>

Fragment03的布局檔案：

<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:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="這是Fragement3"        android:textSize="25sp"        /></LinearLayout>

剩下就是Activity的代碼了：

public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }        public void red(View v)    {    //把fragement01的介面顯示在布局檔案中        //1: 先拿到fragement    Fragement01 fragement01 = new Fragement01();        //2:擷取fragement管理器    FragmentManager fManager = getFragmentManager();        //3:開啟事物    FragmentTransaction ft = fManager.beginTransaction();        //4:把內容顯示到介面    ft.replace(R.id.fl, fragement01);        //5:提交    ft.commit();    }        public void green(View v)    {    //把fragement02的介面顯示在布局檔案中        //1: 先拿到fragement    Fragement02 fragement02 = new Fragement02();        //2:擷取fragement管理器    FragmentManager fManager = getFragmentManager();        //3:開啟事物    FragmentTransaction ft = fManager.beginTransaction();        //4:把內容顯示到介面    ft.replace(R.id.fl, fragement02);        //5:提交    ft.commit();    }        public void blue(View v)    {    //把fragement03的介面顯示在布局檔案中        //1: 先拿到fragement    Fragement03 fragement03 = new Fragement03();        //2:擷取fragement管理器    FragmentManager fManager = getFragmentManager();        //3:開啟事物    FragmentTransaction ft = fManager.beginTransaction();        //4:把內容顯示到介面    ft.replace(R.id.fl, fragement03);        //5:提交    ft.commit();    }}

運行看效果：

其實Fragment就是這幾個步驟，記住就可以了。

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Android 學習之Fragment的建立