Fragment

Posted 2021-11-04 tea_year

第五章 Fragement

1.知识点

1.概念

2.应用

2.为何用？

坚持AUF（Always Use Fragment）原则，即总是使用Fragment。Fragment本身占用内存比Activity少很多，在流畅性，性能上具有很大的优势，尤其是在中低端手机上。此外，如果你的应用需要移植到平板上的话，那使用Fragment更是你的不二之选。

3.是什么？

Frament也叫碎片，片段。是Google在android 3.0引入的，主要为了给大屏幕的UI提供支持的。
Frament可以理解为一个迷你的Activity或者是Activity的模块化的组件，它有自己的生命周期与显示界面，我们可以利用多个Frament嵌套在Activity达到以下的功能，如适配平板，或适配横竖屏幕，或者在程序运行的过程中动态的更改我们的UI界面。如下图：

在这里插入图片描述

上图是显示应用运行在手机情况下，从一个列表页面跳转到详细页面的例子。如果我们不使用Fragment的情况，当应用运行在平板上面的情况，就只能显示放大版的手机显示的界面，为了利用平板的特性，Android在3.0版本中提供了Fragment技术，我们就可以将列表与内容以组件的方式插入，在手机上分屏显示两个内容，在平板上面就可以左右显示两个内容。

您可以将片段视为 Activity 的模块化组成部分，它具有自己的生命周期，能接收自己的输入事件，并且您可以在 Activity 运行时添加或删除片段（有点像您可以在不同 Activity 中重复使用的“子 Activity”）。

片段必须始终嵌入在 Activity 中，其生命周期直接受宿主 Activity 生命周期的影响。

4.生命周期

每一个fragments 都有自己的一套生命周期回调方法和处理自己的用户输入事件。 对应生命周期可参考下图。其中大多数程序必须使用Fragments 必须实现的三个回调方法分别为：

onCreate

系统创建Fragments 时调用，可做执行初始化工作或者当程序被暂停或停止时用来恢复状态，跟Activity 中的onCreate相当。

onCreateView

用于首次绘制用户界面的回调方法，必须返回要创建的Fragments 视图UI。假如你不希望提供Fragments 用户界面则可以返回NULL。

onPause

当用户离开这个Fragments 的时候调用，这时你要提交任何应该持久的变化，因为用户可能不会回来。更多的事件可以参考生命周期关系图。

5.如何使用

5.1.主界面xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity">

    <fragment
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:name="com.aaa.fragmentdemo.LeftFragment"
        android:layout_weight="1"
        android:id="@+id/left_fragment" />
    <fragment
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:name="com.aaa.fragmentdemo.RightFragment"
        android:layout_weight="1"
        android:id="@+id/right_fragment" />
</LinearLayout>

5.2 left_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button

        android:text="加载内容"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn"
        android:layout_weight="1"
        android:onClick="myClick"
        />
</LinearLayout>

5.3 right_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:text="TextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView2"
        android:layout_weight="1" />
</LinearLayout>

5.4 主界面后台代码

package com.aaa.fragmentdemo;

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    Button btn_sta, btn_dyn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //----------------------------------------------
    }
    public void myClick(View view) {
        Toast.makeText(this, "Button clicked!", Toast.LENGTH_SHORT).show();
    }
}

5.5 左侧代码

package com.aaa.fragmentdemo;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

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

5.6 效果预览

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

### 5.6 效果预览

![在这里插入图片描述](https://img-blog.csdnimg.cn/5d4397e995174d32a96f5ae0092ef0a1.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAdGVhX3llYXI=,size_13,color_FFFFFF,t_70,g_se,x_16#pic_center)