Android冒险之旅-17-Fragment碎片的使用

本文详细介绍如何在Android应用中实现碎片(Fragment)的切换,包括布局文件的设置、Fragment的创建与管理,以及如何通过按钮点击事件来显示和隐藏不同的碎片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

效果图

在这里插入图片描述

话不多说,直接上代码,注释详细

1. activity_fragment.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="vertical"
    tools:context=".fragment.FragmentActivity">
    <FrameLayout
        android:id="@+id/framelayout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/mypink"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="72dp"
        android:padding="10dp"
        android:orientation="horizontal">
        <Button
            android:id="@+id/btn1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="@drawable/shape_button_pink_corners"
            android:layout_marginRight="8dp"
            android:layout_weight="1"
            android:text="碎片一"/>
        <Button
            android:id="@+id/btn2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/shape_button_pink_corners"
            android:text="碎片二"/>
    </LinearLayout>

</LinearLayout>

2. fragment_1.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"
    android:background="@color/mypink"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/white"
        android:text="碎片一"/>

</LinearLayout>

3. Fragment1

/**
 * create by 星航指挥官
 * create on 2020/8/30
 * 我为天帝 当镇压世间一切敌
 * 遮天
 */
public class Fragment1 extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_1,container,false);
        return view;
    }
}

Fragment2的代码和布局跟Fragment1除了名字之外没有任何区别,就不贴了

4. FragmentActivity

public class FragmentActivity extends BaseActivity {

    @BindView(R.id.framelayout)
    FrameLayout framenlayout;
    @BindView(R.id.btn1)
    Button btn1;
    @BindView(R.id.btn2)
    Button btn2;

    private Fragment1 fragment1;
    private Fragment2 fragment2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fragment);
        ButterKnife.bind(this);
        initFragment();
    }

    /*
    * 创建碎片
    * */
    private void createFragment(Fragment fragment){
        //获取FragmentManager
        FragmentManager fragmentManager = getSupportFragmentManager();
        //开启一个事务
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        /*
        * 向容器添加一个碎片
        * 包括两种方法,add()和replace()
        * add()是添加进去,始终存在,通过show和hide控制显隐,可以复用
        * replace()会把相同ID的碎片删除,重新加载,数据和状态会还原
        * 一般主页的碎片用add(),展示消息什么的用replace()
        * */
        transaction.add(R.id.framelayout,fragment);
        //提交事务
        transaction.commit();
        //也可以简写为这样:
        //getSupportFragmentManager().beginTransaction().add(R.id.framelayout,fragment).commit();
    }
    /*
    * 隐藏碎片
    * */
    private void hideFragment(Fragment fragment){
        //我们使用简写 通过FragmentManager开启一个隐藏碎片的事务并提交
        getSupportFragmentManager().beginTransaction().hide(fragment).commit();
    }
    /*
     * 显示碎片
     * */
    private void showFragment(Fragment fragment){
        //我们使用简写 通过FragmentManager开启一个显示碎片的事务并提交
        getSupportFragmentManager().beginTransaction().show(fragment).commit();
    }
    /*
    * 加载碎片
    * */
    private void initFragment(){
        //获取碎片实例,定义为全局变量方便其他地方使用
        fragment1 = new Fragment1();
        fragment2 = new Fragment2();
        //分别创建两个碎片
        createFragment(fragment1);
        createFragment(fragment2);
        //将创建的碎片隐藏
        hideFragment(fragment1);
        hideFragment(fragment2);
        //显示我们想要展示的碎片
        showFragment(fragment1);
    }

    @OnClick({R.id.btn1, R.id.btn2})
    public void onViewClicked(View view) {
        switch (view.getId()) {
            case R.id.btn1:
                //隐藏碎片2
                hideFragment(fragment2);
                //显示碎片1
                showFragment(fragment1);
                break;
            case R.id.btn2:
                //隐藏碎片1
                hideFragment(fragment1);
                //显示碎片2
                showFragment(fragment2);
                break;
        }
    }
}

继承的BaseActivity是自定义类,不明白的直接改为继承Activity即可
ButterKnife是注解工具,作用是通过ID快速绑定布局中的控件,可以自己写,也可以去学一学怎么用,超级方便,我后续会写ButterKnife的相关博客。

kee

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值