Android Fragment实现一个底部导航栏切换页面

用户界面UserActivity中包含两个Fragment，分别用来显示不同的应用功能，就像QQ中“聊天栏”“联系人”“动态”这三个底部导航栏之间的切换一样。

效果图：

在UserActivity对应的xml布局文件中加入一个Frame控件以容纳Fragment

<FrameLayout
        android:id="@+id/monitor_frame"
        android:layout_width="match_parent"
        android:layout_height="669dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"/>

 不同的Fragment将会被放在这个框里边，点击监视器，将会显示MonitorFragment，点击主页，将会显示User_information_fragment

两个Fragment的布局文件就略去不写了，UserActivity中的代码如下：

public class UserActivity extends Activity {

    private ImageButton i1,i2;//i1和i2分别对应下边导航栏那两个按键


    private MonitorFragment MF1;
    private User_information_fragment UF1;
    private FrameLayout monitor_frame;
    private FragmentManager fManager;

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

        fManager=getFragmentManager();
        monitor_frame=(FrameLayout) findViewById(R.id.monitor_frame);
        FragmentTransaction fTransaction = fManager.beginTransaction();
        MF1=new MonitorFragment();
        UF1=new User_information_fragment();
        fTransaction.add(R.id.monitor_frame,MF1);
        fTransaction.show(MF1);
        fTransaction.commit();//最后还需要使用commit()方法提交事务
　　　　　//通过以上几行，在打开UserActivity对应的这个页面时，将首先显示MonitorFragment.



　　　　　//以下几行用来实现点击按键切换Fragment
        i1=findViewById(R.id.i1);
        i2=findViewById(R.id.i2);
        i1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                i1.setImageResource(R.drawable.monitor_chosed);
                i2.setImageResource(R.drawable.home);//关于这两行：点击按键后按键本身的样子也会发生改变，实现被选中的状态
                MF1=new MonitorFragment();
                getFragmentManager().beginTransaction().replace(R.id.monitor_frame, MF1).commit();
            }
        });
        i2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                i1.setImageResource(R.drawable.monitor);
                i2.setImageResource(R.drawable.home_chosed);
                UF1=new User_information_fragment();
                getFragmentManager().beginTransaction().replace(R.id.monitor_frame, UF1).commit();
            }
        });

    }

    //隐藏所有fragment的函数，这个函数......似乎没用上，不过先搁在这吧
    private void hideAllFragment(FragmentTransaction fragmentTransaction){
        if(UF1 != null)fragmentTransaction.hide(UF1);
        if(MF1 != null)fragmentTransaction.hide(MF1);
    }
}

参考：5.1 Fragment基本概述 | 菜鸟教程 (runoob.com)