Android-Fragment碎片的使用

Fragment碎片是一种嵌入在Activity中的UI片段，他可以用来描述Activity中的一部分布局，如果Activity界面中的布局中的控件较多，比较复杂，我们可以使用Fragment把屏幕划分几个片段进行模块化管理。

一个Activity中可以包含多个Fragment，一个Fragment也可以在多个Activity中使用

Fragmen的创建有两种方法

一种通过写代码手动创建，另一种可以new Fragement

例：实现按钮点击切换Fragment

先把需要的图片复制进来：

 创建一个包里面创建3个碎片Fragment 

创建Fragment01：

package com.example.fragmenttest.FragementTest;

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

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import android.app.Fragment;

import com.example.fragmenttest.R;

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

创建fragment01.xml:修改背景图片：android:background="@drawable/c"> 还可以添加其他布局控件

创建Fragment02：直接复制上面创建好的Fragment01，更改名字为Fragment02

package com.example.fragmenttest.FragementTest;


import android.os.Bundle;

import android.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.example.fragmenttest.R;

/**
 * A simple {@link Fragment} subclass.
 */
public class Fragment02 extends Fragment {


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


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragement02, container, false);
    }

}

创建fragment02.xml：可以复制布局fragment01.xml，修改名字fragment02.xml：修改背景颜色：

创建Fragment03：直接复制上面创建好的Fragment01，更改名字为Fragment03

package com.example.fragmenttest.FragementTest;


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

import android.app.Fragment;

import com.example.fragmenttest.R;

/**
 * A simple {@link Fragment} subclass.
 */
public class Fragment03 extends Fragment {


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


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragement03, container, false);
    }

}

创建fragment03.xml：可以复制布局fragment01.xml，修改名字fragment03.xml：修改背景颜色：

 创建MainActivity：

package com.example.fragmenttest;

import androidx.appcompat.app.AppCompatActivity;



import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.FrameLayout;

import com.example.fragmenttest.FragementTest.Fragment01;
import com.example.fragmenttest.FragementTest.Fragment02;
import com.example.fragmenttest.FragementTest.Fragment03;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn01;
    private Button btn02;
    private Button btn03;
    private Button btn04;
    private FrameLayout fl_show ;
    private Fragment01 fragment01;
    private Fragment02 fragment02;
    private Fragment03 fragment03;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
        initSetOnClick();

}
//下一个点击按钮的方法
    private void initSetOnClick() {
        btn01.setOnClickListener(this);//监听器
        btn02.setOnClickListener(this);//由于该类继承了view的监听，因此设置监听的参数只需传本类的对象即可
        btn03.setOnClickListener(this);
        btn04.setOnClickListener(this);
    }
//首先获取所有控件的id，写在一个方法里面
    private void init() {
        btn01 = (Button)findViewById(R.id.btn01);//找到id
        btn02 = (Button)findViewById(R.id.btn02);
        btn03 = (Button)findViewById(R.id.btn03);
        btn04 = (Button)findViewById(R.id.btn04);
        fl_show = (FrameLayout)findViewById(R.id.fl_show);
        fragment01 = new Fragment01();//创建
        fragment02 = new Fragment02();
        fragment03 = new Fragment03();
     }

    @Override
    public void onClick(View v) {
        switch(v.getId()){
            case R.id.btn01:
                Intent intent= new Intent(this,MainActivity.class);
                startActivity(intent);
                break;
            case R.id.btn02:
                FragmentManager FM=getFragmentManager();//获得FragmentManager实例
                FragmentTransaction fT=FM.beginTransaction();//获取 FragmentTransaction实例
                fT.replace(R.id.fl_show,fragment01);//添加一个Fragment
                fT.commit();//提交事务
                break;
            case R.id.btn03:
                FragmentManager FM1=getFragmentManager();
                FragmentTransaction fT1=FM1.beginTransaction();
                fT1.replace(R.id.fl_show,fragment02);
                fT1.commit();
                break;
            case R.id.btn04:
                FragmentManager FM2=getFragmentManager();
                FragmentTransaction fT2=FM2.beginTransaction();
                fT2.replace(R.id.fl_show,fragment03);
                fT2.commit();
                break;
        }
    }
}

创建activity_main.xml布局:

结果：

 点击风景1：

点击风景2：

 

 点击主页面：