博客
关于我
BottomNavigationView+Fragment实现底部导航栏(包含源码)
阅读量:684 次
发布时间:2019-03-17

本文共 4337 字,大约阅读时间需要 14 分钟。

在Android开发中,通过Fragment与BottomNavigationView实现底部导航栏是一种常见的布局方式。本文将从创建项目、设置导航栏内容到实现页面切换的过程详细说明,帮助开发者轻松构建有底部导航栏的Fragment应用。

一、准备工作

首先,确保项目中已经正确配置了Android支持库。Oak中,添加以下依赖项确保版本与现有项目一致:

implementation 'com.android.support:design:28.0.0'implementation 'com.android.support:support-vector-drawable:28.0.0'

接下来,创建或者重复使用名为menu的资源文件夹,并在其中添加底部导航栏对应的菜单文件navigation.xml。在菜单文件中,定义各导航选项的显示内容,例如:

二、创建主布局

下一步,创建主布局文件start_for_fragment.xml。在布局文件中,添加占位布局和底部导航栏。例代码如下:

这里,LinearLayout用于占位,BottomNavigationView控制底部导航栏的显示内容。

三、添加切换页面的Fragment

为实现页面切换功能,需要创建三组Fragment对应底部导航栏的每个选项。以fragment1.xml为例,示例代码如下:

类似地,分别创建fragment2.xmlfragment3.xml

四、实现Fragment切换逻辑

创建Fragment类并加载相应布局文件。以Fragment1.java为例:

package mystudy.kjpc.fragement;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class Fragment1 extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fragment1, container, false);        return view;    }    @Override    public void onActivityCreated(@Nullable Bundle savedInstanceState) {        super.onActivityCreated(savedInstanceState);    }}

继续创建导航活动类StartForFActivity.java,实现Fragment的切换功能。代码示例如下:

package mystudy.kjpc.fragement;import android.os.Bundle;import android.support.annotation.NonNull;import android.support.design.widget.BottomNavigationView;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentTransaction;import android.support.v7.app.AppCompatActivity;import android.view.MenuItem;public class StartForFActivity extends AppCompatActivity {    private BottomNavigationView bottomNavigationView;    private Fragment1 fragment1;    private Fragment2 fragment2;    private Fragment3 fragment3;    private Fragment[] fragments;    private int lastFragment;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.start_for_framment);        initFragment();    }    private void initFragment() {        fragment1 = new Fragment1();        fragment2 = new Fragment2();        fragment3 = new Fragment3();        fragments = new Fragment[]{fragment1, fragment2, fragment3};        lastFragment = 0;        getSupportFragmentManager().beginTransaction()                .replace|R.id.lin_lay_fragment                , fragment1)                .show(fragment1)                .commit();        bottomNavigationView = findViewById(R.id.bnv);        bottomNavigationView.setOnNavigationItemSelectedListener(changeFragment);    }    private BottomNavigationView.OnNavigationItemSelectedListener changeFragment = new BottomNavigationView.OnNavigationItemSelectedListener() {        @Override        public boolean onNavigationItemSelected(@NonNull MenuItem item) {            switch (item.getItemId()) {                case R.id.home_page:                    if (lastFragment != 0) {                        switchFragment(lastFragment, 0);                        lastFragment = 0;                    }                    return true;                case R.id.setting:                    if (lastFragment != 1) {                        switchFragment(lastFragment, 1);                        lastFragment = 1;                    }                    return true;                case R.id.mycenter:                    if (lastFragment != 2) {                        switchFragment(lastFragment, 2);                        lastFragment = 2;                    }                    return true;            }            return false;        }    };    private void switchFragment(int lastFragment, int index) {        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();        transaction.hide(fragments[lastFragment]);        if (!fragments[index].isAdded()) {            transaction.add(R.id.lin_lay_fragment, fragments[index]);        }        transaction.show(fragments[index])                .commitAllowingStateLoss();    }}

五、集成完成

到这里,底部导航栏和Fragment切换功能均已完成。运行项目,点击导航栏各选项即可切换显示不同的 Fragment内容。

整个实现过程注重细节,通过合理配置和灵活扩展,能够快速集成满足需求的功能模块。

转载地址:http://vvjhz.baihongyu.com/

你可能感兴趣的文章
ngModelController
查看>>
ngrok | 内网穿透,支持 HTTPS、国内访问、静态域名
查看>>
ngrok内网穿透可以实现资源共享吗?快解析更加简洁
查看>>
NHibernate学习[1]
查看>>
NHibernate异常:No persister for的解决办法
查看>>
NIFI1.21.0_java.net.SocketException:_Too many open files 打开的文件太多_实际操作---大数据之Nifi工作笔记0051
查看>>
NIFI1.21.0_Mysql到Mysql增量CDC同步中_日期类型_以及null数据同步处理补充---大数据之Nifi工作笔记0057
查看>>
NIFI1.21.0_Mysql到Mysql增量CDC同步中_补充_更新时如果目标表中不存在记录就改为插入数据_Postgresql_Hbase也适用---大数据之Nifi工作笔记0059
查看>>
NIFI1.21.0_NIFI和hadoop蹦了_200G集群磁盘又满了_Jps看不到进程了_Unable to write in /tmp. Aborting----大数据之Nifi工作笔记0052
查看>>
NIFI1.21.0最新版本安装_连接phoenix_单机版_Https登录_什么都没改换了最新版本的NIFI可以连接了_气人_实现插入数据到Hbase_实际操作---大数据之Nifi工作笔记0050
查看>>
NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表多表增量同步_增删改数据分发及删除数据实时同步_通过分页解决变更记录过大问题_02----大数据之Nifi工作笔记0054
查看>>
NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表多表增量同步_插入修改删除增量数据实时同步_通过分页解决变更记录过大问题_01----大数据之Nifi工作笔记0053
查看>>
NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表或全表增量同步_实现指定整库同步_或指定数据表同步配置_04---大数据之Nifi工作笔记0056
查看>>
NIFI1.23.2_最新版_性能优化通用_技巧积累_使用NIFI表达式过滤表_随时更新---大数据之Nifi工作笔记0063
查看>>
NIFI从MySql中增量同步数据_通过Mysql的binlog功能_实时同步mysql数据_根据binlog实现数据实时delete同步_实际操作04---大数据之Nifi工作笔记0043
查看>>
NIFI从MySql中增量同步数据_通过Mysql的binlog功能_实时同步mysql数据_配置binlog_使用处理器抓取binlog数据_实际操作01---大数据之Nifi工作笔记0040
查看>>
NIFI从MySql中增量同步数据_通过Mysql的binlog功能_实时同步mysql数据_配置数据路由_实现数据插入数据到目标数据库_实际操作03---大数据之Nifi工作笔记0042
查看>>
NIFI从MySql中增量同步数据_通过Mysql的binlog功能_实时同步mysql数据_配置数据路由_生成插入Sql语句_实际操作02---大数据之Nifi工作笔记0041
查看>>
NIFI从MySql中离线读取数据再导入到MySql中_03_来吧用NIFI实现_数据分页获取功能---大数据之Nifi工作笔记0038
查看>>
NIFI从MySql中离线读取数据再导入到MySql中_不带分页处理_01_QueryDatabaseTable获取数据_原0036---大数据之Nifi工作笔记0064
查看>>