『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航
👨🎓作者简介：一位喜欢写作，计科专业大三菜鸟
🏡个人主页：starry陆离
如果文章有帮到你的话记得点赞👍+收藏💗支持一下哦
ViewPager+Fragment+BottomNavigationView实现底部导航
- 1.准备工作：创建布局并设置底部菜单
- 创建menu文件
- 创建selector文件
- 2.初始化控件
- 3.创建FragmentPagerAdapter
- 4.初始化数据，绑定Adapter和ViewPager
- 5.viewpager事件监听
- 6.BottomNavigationView的事件监听
- 7.创建Badge
- 8.参考资料
- 9.效果展示
- 10.Gitee源码
在ViewPager与Fragment结合实现多页面滑动的学习上再进一步，记录一下ViewPager+Fragment+BottomNavigationView实现底部导航
- 1.复习ViewPager的用法
- 2.复习FragmentPagerAdapter的使用
- 3.BottomNavigationView的使用
- 4.ViewPager切换页面与BottomNavigationView的联动
- 5.Badge(新消息提示，图标右上角红圈)
1.准备工作：创建布局并设置底部菜单
注意是这个控件，有好几个类似的，不要选错了
创建menu文件
新建一个文件夹
选择menu
在menu下新建一个menu资源文件
完成menu文件的新建
创建selector文件
名字随意，尽量规范，root element 选selector
因为有是个导航按键所以就创建四个selector
state属性默认是false状态，所以图片资源设置成灰色。
在menu中引入刚刚创建的selector资源
回到xml文件中引入导航菜单
app:menu="@menu/button_nav_menu"
通过labelVisibilityMode可以设置按钮的显示模式
2.初始化控件
3.创建FragmentPagerAdapter
因为ViewPager本身几乎已被弃用，所有可以看到关于viewpager的两个Adapter方法也是画上了删除线，不过还是可以使用的，不过是不推荐了。因为现在有更强大的viewpager2
4.初始化数据，绑定Adapter和ViewPager
之前的两个Demo中已经写过两次了，不再赘述。
5.viewpager事件监听
通过viewpager事件监听，在onPageSelected(int position)方法中控制导航栏按钮的跟随fragment的选中
6.BottomNavigationView的事件监听
BottomNavigationView的事件监听，在setOnNavigationItemSelectedListener方法中，设置fragment跟随按钮的选中；这样我们就实现了fragment和BottomNavigationView的双向选中。
7.创建Badge
最后我们通过Badge来设置BottomNavigationView按钮上的消息小红点
8.参考资料
36.5-ViewPager+Fragment+bottomNavigationView实现底部导航_哔哩哔哩_bilibili
(11条消息) 底部菜单控件BottomNavigationView的使用_小凡特爱写代码的博客-CSDN博客_bottomnavigationview
(11条消息) Android:BottomNavigationView自定义选中颜色和文字_VoldemortQian的博客-CSDN博客_bottomnavigationview颜色
9.效果展示
10.Gitee源码
Android_Java_Review: 学习–代码即笔记 (gitee.com)