fragment的使用

fragment是一种可以嵌入活动当中的UI片段，主要是为了适应大屏幕的手机。

在as中提供了直接的创建fragment的方法，这里手动创建简单的fragment。

1.简单的创建fragment

创建fragment_left.XML文件，文件里面添加一个简单的button控件。代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:text="Button"
        android:textSize="28dp"
        android:layout_gravity="center"
        />

</LinearLayout>

按照相同的方法创建第二个文件fragment_right.XML，代码如下,我们把背景设置了颜色，以便区分。

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:text="this is a fragment"
        android:layout_gravity="center"
        android:textSize="28sp"        
        />

</LinearLayout>

接着我们创建LeftFragment类继承来自Fragment，可以直接使用as的创建fragment方法。new->Fragment->blankfragment，进入新的页面，此时注意不要勾线任何选项，入下图，点击finish完成。重写onCreate()类。

具体代码如下：

public class LeftFragment extends Fragment {


    public LeftFragment() {
        // Required empty public constructor
    }


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

}

同理，RightFragment.java 代码如下：

public class RightFragment extends Fragment {


    public RightFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_right,container,false);
        return view;
    }


}

修改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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:orientation="horizontal"
    tools:context=".MainActivity">

    <fragment
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:name="com.example.yuqt.simplefragment.LeftFragment"
        android:id="@+id/fragment_left"
        />
        
    <fragment
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:name="com.example.yuqt.simplefragment.RightFragment"
        android:id="@+id/fragment_right"
        />

        
</LinearLayout>

编译运行就完成了最简单的Fragment。

2.动态加载Fragment控件

上面是将Fragment像其他的控件一样之间在XML文件中添加的，Fragment还可以动态加载，效果为点击button的时候，加载另外一个Fragment

下面就来实现以下，首先添加另外一个Fragment类，命名为fragment_anoher_right.XML,其他代码都不变，就是讲背景颜色改为黄色：

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

    <fragment
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:name="com.example.yuqt.simplefragment.LeftFragment"
        android:id="@+id/fragment_left"
        />
    <FrameLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:id="@+id/right_content"
        android:layout_height="match_parent"></FrameLayout>

    <fragment
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:name="com.example.yuqt.simplefragment.RightFragment"
        android:id="@+id/fragment_right"
        />


</LinearLayout>

MainActivity.java代码修改如下：

  protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button)findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AnotherRightFragment an = new AnotherRightFragment();
                FragmentManager manager = getFragmentManager();
                FragmentTransaction transaction = manager.beginTransaction();
                transaction.replace(R.id.right_content,an);
                transaction.commit();
            }
        });


    }

动态加载Fragment的过程如下：

1.先创建待添加的Fragment实例，

2.用getFragmentManager()方法获取FragmentManager的实例

3.开启一个事务

4.在事务中添加要显示的Fragment

5.提交事务