第一行代码学习笔记第四章——探究碎片

知识点目录

• 4.2 碎片的使用方式
  * 4.2.1 碎片的简单用法
  * 4.2.2 动态添加碎片
  * 4.2.3 在碎片中模拟返回栈
  * 4.2.4 碎片和活动之间进行通信

• 4.3 碎片的生命周期
  * 4.3.1 碎片的状态和回调
  * 4.3.2 体验碎片的生命周期

• 4.4 动态加载布局的技巧
  * 4.4.1 使用限定符
  * 4.4.2 使用最小宽度限定符

知识点回顾

一般手机的屏幕大小在3-6英寸之间；一般平板电脑的屏幕在7-10英寸之间。随着屏幕大小的不同，同样的界面在视觉效果上有较大的差异。为了同时兼顾手机和平板视觉效果，从Android3.0开始引入了碎片的概念，它可以让界面在平板上更好地展示。

4.1 碎片是什么

碎片(Fragment)是一种可以嵌入在活动当中的UI片段。可以将其理解为一种迷你型的活动。有时候我们为了充分利用屏幕的大小，可以将多个Fragment嵌入到一个活动当中。

4.2 碎片的使用方式

4.2.1 碎片的简单用法

1. 新建碎片布局文件

新建左侧碎片布局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"
        android:textAllCaps="false"/>

</LinearLayout>

新建右侧碎片布局right_fragment.xml：

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

    <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>

2. 创建Fragment类

新建的LeftFragment类需要继承Fragment，Fragment有系统内置的android.app.Fragment和support-v4库中的android.support.v4.app.Fragment两种，考虑更好的兼容性，建议使用android.support.v4.app.Fragment，而build.gradle文件中的appcompat-v7会将support-v4一起引入进来，所以直接引用即可。

创建LeftFragment类：

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

创建RightFragment类：

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

重写Fragment的onCreateView方法，通过inflater()方法将上面定义的布局加载进来。

3. 使用创建的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
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"/>

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

</LinearLayout>

使用标签在布局中添加碎片，通过android:name属于来显式指明要添加的碎片类名。

4. Fragment的简单运行效果

4.2.2 动态添加碎片

碎片不仅可以在xml中静态加载，还可以在程序运行时动态地添加到活动中。

新建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:id="@+id/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>

创建AnotherRightFragment类：

public class AnotherRightFragment extends Fragment {

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

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

修改activity_main.xml文件：

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

    <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"/>

</LinearLayout>

在代码中向FrameLayout里添加内容，从而实现动态添加碎片的功能。

修改MainActivity中的代码：

public class MainActivity extends AppCompatActivity implements View.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);
        replaceFragment(new RightFragment());
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                replaceFragment(new AnotherRightFragment());
                break;
            default:
                break;
        }
    }

    private void replaceFragment(Fragment fragment) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        transaction.replace(R.id.right_layout, fragment);
        transaction.commit();
    }
}

上面代码是当点击左侧的按钮时，通过replaceFragment()方法将右边的碎片替换成AnotherRightFragment。

总结动态添加碎片的步骤：

• 创建待添加的碎片实例

• 调用getSupportFragmentManager()方法来获取FragmentManager

• 通过调用beginTransaction()方法来开启一个事务

• 向容器内添加或替换碎片，一般使用replace()方法实现，需要传入容器的id和待添加的碎片实例

• 提交事务，调用commit()方法来完成

效果图：

运行程序，效果图如下：

4.2.3 在碎片中模拟返回栈

上面通过点击按钮添加一个碎片后，如果此时按下Back键程序就会直接退出。如果想要模范返回栈的效果，返回到上一个碎片，则需要在提交事务之前调用addToBackStack()方法。

private void replaceFragment(Fragment fragment) {
    FragmentManager fragmentManager = getSupportFragmentManager();
    FragmentTransaction transaction = fragmentManager.beginTransaction();
    transaction.replace(R.id.right_layout, fragment);
    transaction.addToBackStack(null);
    transaction.commit();
}

效果图：

重新运行程序，效果图如下：

4.2.4 碎片和活动之间进行通信

1. Activity调用Fragment方法

LeftFragment leftFragment = (LeftFragment) getSupportFragmentManager().findFragmentById(R.id.left_fragment);

2. Fragment调用Activity方法

MainActivity mainActivity = (MainActivity) getActivity();

获取到相应的实例对象后，然后就可以直接调用相应的公用方法。

4.3 碎片的生命周期

碎片也有生命周期，并且它和Activity的生命周期很相似。

4.3.1 碎片的状态和回调

1. 运行状态

碎片可见，并且与它所关联的活动正处于运行状态时，该碎片也在运行状态。

2. 暂停状态

当一个活动进入暂停状态时(由于另一个未占满屏幕的活动被添加到了栈顶)，与它相关联的可见碎片就会进入到暂停状态。

3. 停止状态

• Activity进入停止状态时，与它所关联的碎片就会进入停止状态。

• 调用了FragmentTransaction的remove()、replace()方法，但在提交事务之前调用了addToBackStack()方法，此时碎片也会进入到停止状态。

4. 销毁状态

• Activity进入销毁状态时，与它所关联的碎片就会进入销毁状态。

• 调用了FragmentTransaction的remove()、replace()方法，但在提交事务之间没有调用了addToBackStack()方法，此时碎片也会进入到销毁状态。

Android官方给出了Fragment完整的生命周期示意图：

• onAttach()：碎片实例被关联到活动实例

• onCreate()：创建碎片时，系统调用该方法

• onCreateView()：当碎片将要第一次绘制它的用户界面时系统调用该方法

• onActivityCreated：当宿主活动被创建，在onCreateView()方法之后调用该方法

• onStart(): 碎片可见时调用该方法

• onResume(): 碎片可交互时调用该方法

• onPause(): 当首次表明用户将要离开碎片时系统调用该方法

• onStop(): 碎片将要被停止时调用

• onDestroyView(): 调用该方法后，碎片将要被销毁

• onDestroy(): 该方法被用来清理碎片的状态

4.3.2 体验碎片的生命周期

省略…需要自己写Demo去体验！！！

4.4 动态加载布局的技巧

Android可以根据设备的分辨率或者屏幕大小来动态加载布局。

4.4.1 使用限定符

平板与手机最大的区别就是平板采用的双页模式，手机采用的是单页模式。

在实际开发中，我们可以通过限定符让程序的运行时动态的判断是使用双页模式还是单页模式。

修改activity_main文件：

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

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

</LinearLayout>

在res目录下新建layout-large文件夹，并新建一个布局，也叫activity_main.xml，代码如下：

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

    <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"/>
    
    <fragment
        android:id="@+id/right_fragment"
        android:name="com.example.fragmenttest.RightFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"/>

</LinearLayout>

layout/activity_main布局只包含了一个碎片，即单页模式，而layout-large/activity_main布局包含了两个碎片，即双页模式。

large就是一个限定符，那些屏幕被认为是large的设备就会自动加载layout-large文件夹下的布局，而屏幕小的设备则会加载layout文件夹下的布局。

效果图：

单页模式运行：

双页模式运行：

Android中有一些常见的限定符，参考下表：

4.4.2 使用最小宽度限定符

上面使用了large限定符，large属于一个模糊的概念，如果我们想具体一点，到底多大是叫large，此时我们就可以使用最小宽度限定符(Smallest-width Qualifier)。

最小宽度限定符允许我们对屏幕的宽度指定一个最小值(以dp为单位)，然后以这个值为临界点，屏幕宽度大于这个值的设备就加载一个布局，屏幕宽度小于这个值的设备就加载另一个布局。

在res目录下新建一个layout-sw600dp文件夹，然后新建activity_main.xml文件。

当程序运行在屏幕宽度大于600dp的设备上时，就会加载layout-sw600dp/activity_main布局；当程序运行在屏幕宽度小于600dp的设备上时，则加载默认的layout/activity_main布局。

4.5 碎片的最佳实践——一个简易版的新闻应用

代码已上传到我的github上，需要的朋友可以点击如下链接查看：

碎片的最佳实践——一个简易版的新闻应用

运行效果图：

单页模式：

双页模式：

非常感谢您的耐心阅读，希望我的文章对您有帮助。欢迎点评、转发或分享给您的朋友或技术群。