安卓底部导航栏几种实现方式,小白菜看了都说简单

137 阅读3分钟

文章目录

1.安卓提供默认的导航方式

在创建项目时可以选择Bottom Navigation Activity进行创建。这种方式最为简单。
在这里插入图片描述
创建后生成的目录结构还是比较清晰的。
在这里插入图片描述
主布局即Activity由BottomNavigationView和fragment 构成。
BottomNavigationView 用于呈现底部导航栏,fragment组件 用于显示每个导航栏对应的Fragment
在这里插入图片描述
在这里插入图片描述
Activity中的代码就很魔性了,你压根看不到是怎么绑定的视图。
难道不是应该是

setContentView(R.layout.activity_main);

但是其为

private ActivityMainBinding binding;
 ...
binding = ActivityMainBinding.inflate(getLayoutInflater());
setContentView(binding.getRoot());

瓦特了就
原来ActivityMainBinding 可以实现视图和Activity自动绑定,其会根据所在类的类名去寻找对应与之名字匹配的layout并生成实例对象,有点类似于spring里面的自动注入。

setContentView(binding.getRoot());

getRoot方法就获得了实例的根视图了,即layout本身。
ActivityMainBinding 类的实例还可以直接通过id去操作视图内的子元素,这样可以减少很多组件的声明
例如在主视图中有个id为nav_view的底部导航栏组件,其可以通过binding.navView 取到该组件。这里要注意下划线命名方式到驼峰式命名的映射过程。

binding.navView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull @NotNull MenuItem item) {
                return false;
            }
        });

以配置的方式把导航栏配置到APP中,并绑定导航栏中的项对应的Fragemet页面,实现联动。

AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
                R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications)
                .build();
NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_activity_main);
NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
NavigationUI.setupWithNavController(binding.navView, navController);

这种是默认生成,注意理解就很容易上手了。

2.使用简单布局的方式实现

在这里插入图片描述
页面布局较为简单,只有底部的几个Textview和中间一个Layout容器
在这里插入图片描述
其主要实现原理是

 FragmentManager fm=getSupportFragmentManager();//获取Fragment的管理器
 FragmentTransaction transaction = fm.beginTransaction();// 开启一个事务

通过事务将fragement对象添加至用于显示的容器layout之中。

transaction.add(R.id.fragment_layout,new BlankFragment()).commit();//设置初始的fragment
textViewIndex.setBackgroundColor(R.color.design_default_color_error);

当底部导航栏发生点击时,替换layout容器中的fragement对象

transaction=fm.beginTransaction();// 一个事务只能commit一次 ,每次都需要重新赋值
fragment = new BlankFragment(); //创建第一个Fragment
transaction.replace(R.id.fragment_layout, fragment); //替换Fragment
transaction.commit(); //提交事务
textViewIndex.setBackgroundColor(R.color.design_default_color_error);

如此便实现了fragement和底部TextView的联动。
这种实现方式相对来说较好理解,但是性能嘛,一言难尽。

3.Viewpager+RadioGroup+Layout

radiogroup做底部导航栏,viewpager装几个layout作为切换的页面。 如此页面布局简单,滑动效果不错,就是逻辑全写在一个Activity里面 代码稍微繁琐
点击底部导航栏,页面跟着切换
页面可以左右滑动,底部导航栏跟着切换

主要看目录结构在这里插入图片描述
页面由一个Viewpager和底部的RadioGroup构成。
在这里插入图片描述
ViewPager中的一个页面是一个Layout,由一个xml文件形成。
在这里插入图片描述

4.ViewPager+Fragment+RadioGroup(推荐)

和3类似,但是相对于3来说,这种用法较为标准,fragement可以单独编写业务逻辑,而不用把所有逻辑全部放在Activity之中。
其目录结构如下图、相对于前面三种来说,小编更推荐使用这种
在这里插入图片描述

本文转自 blog.csdn.net/qq_33183456…,如有侵权,请联系删除。