Android学习笔记（七）两个Fragment简单跳转示例

　　在前两篇博文中分别介绍了Fragment得基础和Fragment的生命周期，然而说了这么多Fragment到底怎么用呢以及我们为什么要使用Fragment？本篇博文将主要探讨这两个问题，首先说下在APP中有这好好Activity，跳转起来有那么简单，我们为什么还要使用Fragment呢？这是因为Fragment相对Activity而言更加的轻量级，使用起来也更加灵活，在一个程序的内部界面切换，尽可能的用Fragment代替Activity会让我们的APP运行起来更加的流畅，更加的高效，同时也提高了界面的复用性。而却Fragment在适应多尺寸屏幕方面表现也非常优秀。

　　首先看一下栗子，非常简单的一个小示例，效果图如下：

　　  

　　体验一下就会发现，两个Fragment跳转起来要比Activity跳转的速度快很多。

　　MainActivity.java代码如下：

/**
 * MainActivity 主界面
 * @author codingblock 2015/09/14
 *
 */
public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if (savedInstanceState == null) {
            getSupportFragmentManager()
                    .beginTransaction()
                    .add(R.id.container, new MainFragment())
                    .commit();
        }
    }
}

　　在MainActivity首先通过getSupportFragmentManager()方法获取FragmentTransaction的对象，然后用add()方法将MainFragment加载进来，其中引用的布局文件activity_main.xml如下：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.codingblock.learnfragment.MainActivity"
    tools:ignore="MergeRootFrame" />

　　下面是MainFragment的代码:

/**
 * MainFragment 主Fragment
 * @author codingblock 2015/09/14
 *
 */
public class MainFragment extends Fragment {

    public MainFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_main, container, false);
        rootView.findViewById(R.id.btn_show_other).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View arg0) {
                getFragmentManager()
                    .beginTransaction()
                    .addToBackStack(null)  //将当前fragment加入到返回栈中
                    .replace(R.id.container, new OtherFragment()).commit();
            }
        });
        return rootView;
    }
}

　　在这个Fragment放了一按钮用于跳转到另一个Fragment，然后通过FragmentTransaction对象的replace()方法让OtherFragment把当前Fragment替换掉，在这里需要注意的是，如果想让程序可以通过后退方式显示上一个Fragment的话，需要在替换之前通过addToBackStack()把当前Fragment加入到返回栈中。

　　它的布局文件fragment_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:orientation="vertical"
    tools:context="com.codingblock.learnfragment.MainActivity$PlaceholderFragment" >

    <Button
        android:id="@+id/btn_show_other"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="跳转到另一个Fragment" />

</LinearLayout>

　　最后一个OtherFragment代码如下：

/**
 * OtherFragment 另一个Fragment
 * @author codingblock 2015/09/14
 *
 */
public class OtherFragment extends Fragment {
    
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_other, container, false);
        rootView.findViewById(R.id.btn_back).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View arg0) {
                //从栈中将当前fragment推出
                getFragmentManager().popBackStack();
            }
        });
        return rootView;
    }
}

　　程序跳转到这个Fragment之后，如果想返回上一个MainFragment我们可以点击后退键，也可以为一个按钮绑定一个单击事件用FragmentTransaction的popBackStack()方法将当前的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"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是另一个Fragment" />

    <Button
        android:id="@+id/btn_back"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="返回" />

</LinearLayout>

　　到此为止，栗子就结束了，虽然很简单，却能很清楚的说明Fragment的用法。

　　声明：欢迎转载，转载时请附上本文链接。