自学Android之UI组件：（二）Fragment的基本使用（上）

转载的老板请注明出处： http://blog.csdn.net/cc_xz/article/details/61618922 万分感谢！
前言：

本篇为UI组件的第二篇，主要探讨关于Fragment的基本使用，包括简单的原理以及创建、修改、删除等操作。

在本篇文章中，你将了解到：
1.什么是Fragment。
2.Fragment的生命周期。
3.Fragment的基本使用。

什么是Fragment？

由于Android是一款开源的系统，在国内外不同的厂商研发出了很多不同的机型，甚至将Android应用到了平板中，但是这意味着不同厂商出产的手机、平板的屏幕大小不一，例如，组件排版安装5.0寸手机制作的程序，如果在4.7寸的手机上，视觉效果体验虽说会降低，但也不至于不可接受。但是如果放到6.0寸的手机，乃至平板上，用户的视觉体验会大幅度降低。
这就导致了Android研发的工作中有比较大的比重的分辨率匹配，而Fragment则是用来解决这一问题的。
这是因为，Fragment是依赖于Activity的，在Activity的布局中创建一个FrameLayout组件，就可以在上面根据不同的需要显示很多个Fragment（当然不能同时显示）。并且Fragment有自己的生命周期、自己的布局文件、独立的事件处理，极端的说，你甚至可以把一个Fragment当做一个Activity来使用。

Fragment的生命周期

前面说过，Fragment是依赖于Activity的，即必须先创建Activity，再创建Fragment，并且Fragment的生命周期细节上同Activity所有不同，但仍是可以对应参考的。先来看一下Google官方给出的Fragment与Activity生命周期对照表：

我们现在来简单解释一下Fragment多出来的生命周期：
onAttach()：
当Fragment与Activity发生关联时调用该方法。
onCreateView()：
在Fragment中初始化Layout、初始化组件时使用。
onActivityCreated()：
当Activity的onCreate()返回时调用。
onDestoryView()：
与onCreateView想对应，当该Fragment的视图被移除时调用。
onDetach()：
与onAttach相对应，当Fragment与Activity关联被取消时调用。
另外，值得注意的是，除了onCreateView()外，如果你重写了其他方法，则必须调用spue使父类来实现该方法。

准备工作：

本案例中计划使用动态添加Fragment的方式，来分别在同一个FrameLayout组件中分别显示两个不同的Fragment，并且完成替换、删除、在Fragment中修改Activity的内容，以及在Activity中修改Fragment的内容等操作。
首先来看一下效果图：

接着开始进行一些初始化等准备工作，代码如下：
以下代码在activity_main中写入：

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_gravity="center_vertical"
        android:text="这里是MainActivity"
        android:textSize="18sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/ButtonShowFragmentNow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="显示FragmentNow"
            android:textAllCaps="false" />

        <Button
            android:id="@+id/ButtonShowFragmentTwo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="显示FragmentTwo"
            android:textAllCaps="false" />
    LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="horizontal">

        <Button
            android:id="@+id/ButtonAmendFragmentTwo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="修改FragmentTwo"
            android:textAllCaps="false" />

        <Button
            android:id="@+id/ButtonReplaceFragmentNow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="替换" />

        <Button
            android:id="@+id/ButtonDeleteFragmentNow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="删除FragmentNow"
            android:textAllCaps="false" />
    LinearLayout>

    <TextView
        android:id="@+id/TextView"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="5dp"
        android:text="这就是用来被Fragment修改的"
        android:textAllCaps="false"
        android:textSize="18sp" />

    <FrameLayout
        android:id="@+id/FrameLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#D02090" />

LinearLayout>

值得注意的是，在FrameLayout中添加了背景颜色，如果没有显示Fragment，则显示背景颜色，如果添加了Fragment，则显示Fragment布局文件中定义的颜色。

以下代码在fragment_now中写入：

<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="#9aff9a">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ButtonFragmentNow"
        android:text="修改Activity"
        android:textAllCaps="false"
        android:layout_gravity="center"/>

LinearLayout>

以下代码在fragment_two中写入：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#d1eeee"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/TextVIewFragmentTwo"
        android:text="注定被修改"
        android:layout_gravity="center"
        android:textSize="30sp"/>

LinearLayout>

开始创建Fragment：
在上面的准备工作中，创建了一个FrameLayout组件，而Fragment就会显示在该组件中。另外创建了两个布局文件，这两个布局文件就分别对应两个不同的Fragment。以下首先来看代码思路：

1.首先定义FragmentNow以及FragmentTwo。。
2.接着初始化所需的组件，并设置Button的监听器
3.通过完整的代码显示FragmentNow。
4.通过简略的代码显示fragmentTwo。
5.设置Fragment直接的自由替换。
6.一些其他的应用说明。

以下代码分别在FragmentNow/Two中写入：

/* 代码执行1：
* 1.在创建Fragment时，需要继承自v4.app.Fragment中的Fragment。
* 2.然后创建View对象，用户获取Fragment所需的Layout。
* 3.onCreateView是用于初始化Fragment的视图。
* 4.Amend()用于在Activity中调用该方法，来修改Fragment中的内容。*/
public class FragmentTwo extends Fragment {
    private View mView;
    private TextView mTextView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mView = inflater.inflate(R.layout.fragment_two, null);
        return mView;
    }

    public void Amend(){
        mTextView = (TextView) mView.findViewById(R.id.TextVIewFragmentTwo);
        mTextView.setText("这是FragmentTwo中已经被修改了的值");
    }
}

public class FragmentNow extends Fragment {
    private View mView;
    private Button mButton;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mView = inflater.inflate(R.layout.fragment_now, null);
        mButton = (Button) mView.findViewById(R.id.ButtonFragmentNow);

        return mView;
    }

    /* 代码执行1：
    * 1.1.由于初始化视图必须在onCreateView()中完成，如果向Activity一样在onCreate()中调用Button是不可以的。
    * 1.2.这是因为onCreate()在onCreateView()之前就被调用，如果此时在onCreate()中调用Button，会显示空指针。
    * */
    @Override
    public void onStart() {
        super.onStart();
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                MainActivity mainActivity = (MainActivity) getActivity();
                mainActivity.Amend();
            }
        });
    }
}

以下代码在MainActivity中写入：

    /* 代码执行2：
    * 1.首先将两个Fragment类创建为对象。用于通过该对象来配合FrameLayout显示fragment。
    * 2.然后获得各个Button的ID。
    * 3.定义一个boolean类型的变量，用于替换时的循环。
    * 4.注意别忘了在onCreate()中调用init()。*/
    private void init() {
        mFragmentNow = new FragmentNow();
        mFragmentTwo = new FragmentTwo();
        mButtonShowFragmentNow = (Button) findViewById(R.id.ButtonShowFragmentNow);
        mButtonShowFragmentTwo = (Button) findViewById(R.id.ButtonShowFragmentTwo);
        mButtonAmendFragmentTwo = (Button) findViewById(R.id.ButtonAmendFragmentTwo);
        mButtonReplaceFragmentNow = (Button) findViewById(R.id.ButtonReplaceFragmentNow);
        mButtonDeleteFragmentNow = (Button) findViewById(R.id.ButtonDeleteFragmentNow);
        mBoolean = true;
    }

以下代码在MainActivity的onCreate()中写入：

mButtonShowFragmentNow.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                /* 代码执行3：
                * 1.1.首先通过Fragment管理器创建一个Fragment对象，
                * 1.2.通过getSupportFragmentManager来返回同Activity进行关联并交互的Fragment对象。
                * 2.再将已经创建好的Fragment放置到Fragment事务队列中。等待Activity的处理。
                * 3.告知该Fragment事务它的显示位置(在哪个组件上显示)，而Fragment所需的逻辑代码在哪个类中(通过对象引用)。
                * 4.这时将Fragment正式提交到Fragment队列中，使Activity进行处理。*/
                FragmentManager fragmentManager = getSupportFragmentManager();
                FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
                fragmentTransaction.replace(R.id.FrameLayout, mFragmentNow);
                fragmentTransaction.commit();
            }
        });

以下代码在MainActivity的onCreate()中写入：

 mButtonShowFragmentTwo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                /* 代码执行4：
                * 1.使用精简的方式创建Fragment。并且不使用.add，因为使用.add创建当用户连续点击后，程序将结束运行。
                * */
                getSupportFragmentManager().beginTransaction()
                        .replace(R.id.FrameLayout, mFragmentTwo).commit();
            }
        });

以下代码在MainActivity的onCreate()中写入：

mButtonReplaceFragmentNow.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                /* 代码执行5：
                * 1.替换Activity。由于只有一个Fragment显示位置，所以只能同时显示一个。
                * 2.每次替换完成后，则修改mBoolean的值，防止陷入死循环。
                * 3.但以上方式会存在一点瑕疵：当当前显示的是mFragment1(默认为真，第一次替换mFragment1)时，第一次点击将(无效果)，需要点击两次，反之同理。
                * */
                if (mBoolean) {
                    getSupportFragmentManager().beginTransaction()
                            .replace(R.id.FrameLayout, mFragmentNow).commit();
                    mBoolean = false;
                } else {
                    getSupportFragmentManager().beginTransaction()
                            .replace(R.id.FrameLayout, mFragmentTwo).commit();
                    mBoolean = true;
                }
            }
        });

以下代码在MainActivity的onCreate()中写入：

        mButtonAmendFragmentTwo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                /* 代码执行6：
                * 1.在Activity中通过Fragment对象调用其中的方法。*/
                mFragmentTwo.Amend();
            }
        });
        mButtonDeleteFragmentNow.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                /* 代码执行6：
                * 1.如果你希望删除Fragment，则使用remove方法即可，通过将Fragment对象作为参数。。*/
                getSupportFragmentManager().beginTransaction()
                        .remove(mFragmentNow).commit();
            }
        });

以下代码在MainActivity中写入：

    /* 代码执行6：
    * 1.同理，在Activity中创建公共方法，用于Fragment中调用。*/
    public void Amend() {
        TextView textView = (TextView) findViewById(R.id.TextView);
        textView.setText("你看吧，Activity中的TextView已经被修改了。");
    }

至此，Fragment中的基本使用你已经学会了，其实Fragment还有一种静态添加的方式，不过个人认为此种方式使用不够灵活，且也非常简单，便没有在文章中写出，感兴趣的话可以查看相关文章。
现在再来看一下效果图，你的效果是否一致？

用于操作Fragment的其他方法：

比较常用的操作Fragment的方法在前面的案例中已经有说明了，不过还有一些没有使用到的需要唠叨两句。

.add()
该方法是用于创建Fragment的，但是当你创建过一次Fragment后，再点击一次，则会抛出异常，不能创建第二次。所以Demo中就没有使用这种方式。

.replace()
replace()其实是先删除，再创建，如果不考虑Fragment中的临时数据的话，可以使用这种方式来创建Fragment。

.hide()
这个方法仅仅是将Fragment隐藏起来，但并不是将其销毁。

.show()
同样的，是将隐藏起来的Fragment显示出来。

后记：

至此本篇结束，不过仅仅是介绍了Fragment最基本的使用，要知道Fragment在实际使用的比例是非常大的，所以也会用比较多的篇幅来说明Fragment。

Demo下载传送门：http://download.csdn.net/detail/cc_xz/9778577