『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

9月前作者：starry陆离分类：Toy博客阅读(44) 违法举报

这篇具有很好参考价值的文章主要介绍了『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

👨‍🎓作者简介：一位喜欢写作，计科专业大三菜鸟

🏡个人主页：starry陆离

如果文章有帮到你的话记得点赞👍+收藏💗支持一下哦

在ViewPager与Fragment结合实现多页面滑动的学习上再进一步，记录一下ViewPager+Fragment+BottomNavigationView实现底部导航

1.复习ViewPager的用法
2.复习FragmentPagerAdapter的使用
3.BottomNavigationView的使用
4.ViewPager切换页面与BottomNavigationView的联动
5.Badge(新消息提示，图标右上角红圈)

1.准备工作：创建布局并设置底部菜单

注意是这个控件，有好几个类似的，不要选错了

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

创建menu文件

新建一个文件夹

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

选择menu

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

在menu下新建一个menu资源文件

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

完成menu文件的新建

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

创建selector文件

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

名字随意，尽量规范，root element 选selector

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

因为有是个导航按键所以就创建四个selector

state属性默认是false状态，所以图片资源设置成灰色。

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

在menu中引入刚刚创建的selector资源

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

回到xml文件中引入导航菜单

app:menu="@menu/button_nav_menu"

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

通过labelVisibilityMode可以设置按钮的显示模式

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

2.初始化控件

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

3.创建FragmentPagerAdapter

因为ViewPager本身几乎已被弃用，所有可以看到关于viewpager的两个Adapter方法也是画上了删除线，不过还是可以使用的，不过是不推荐了。因为现在有更强大的viewpager2

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

4.初始化数据，绑定Adapter和ViewPager

之前的两个Demo中已经写过两次了，不再赘述。

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

5.viewpager事件监听

通过viewpager事件监听，在onPageSelected(int position)方法中控制导航栏按钮的跟随fragment的选中

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

6.BottomNavigationView的事件监听

BottomNavigationView的事件监听，在setOnNavigationItemSelectedListener方法中，设置fragment跟随按钮的选中；这样我们就实现了fragment和BottomNavigationView的双向选中。

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

7.创建Badge

最后我们通过Badge来设置BottomNavigationView按钮上的消息小红点

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

8.参考资料

36.5-ViewPager+Fragment+bottomNavigationView实现底部导航_哔哩哔哩_bilibili

(11条消息) 底部菜单控件BottomNavigationView的使用_小凡特爱写代码的博客-CSDN博客_bottomnavigationview

(11条消息) Android:BottomNavigationView自定义选中颜色和文字_VoldemortQian的博客-CSDN博客_bottomnavigationview颜色

9.效果展示

『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航

10.Gitee源码

Android_Java_Review: 学习–代码即笔记 (gitee.com)文章来源地址https://www.toymoban.com/news/detail-405233.html

到了这里，关于『Android基础入门』ViewPager+Fragment+BottomNavigationView实现底部导航的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

ViewPager+ Fragment结合的setUserVisibleHint（）调用时机

最近的项目使用到了 ViewPager + Fragment 的模式，要求在每次 Fragment 获取显示的时候来刷新数据，该项目下 ViewPager 有5个子fragment，在onCreateView及fragment的**setUserVisibleHint（bool isVisibleToUser)**中的isVisibleToUser为true的时候刷新数据的时候出现数据多次刷新的情况，因此对ViewPage + Fr

2024年02月11日
浏览(33)
【Android基础面试题】ViewPager与ViewPager2的区别

ViewPager和ViewPager2是Android中用于实现滑动页面切换的控件。它们的主要区别如下：实现方式 ViewPager2的内部实现是RecyclerView，而ViewPager是通过继承自ViewGroup实现的。因此，ViewPager2的性能更高。滑动方向 ViewPager2可以实现横向和竖向滑动，而ViewPager只能横向滑动。 Adapter：View

2024年02月11日
浏览(42)
Android——禁止ViewPager的左右滑动功能实现

Android——禁止ViewPager的左右滑动功能实现在Android开发中，ViewPager是一种常用的滑动控件，用于实现页面的左右切换效果。然而，在某些场景中，我们可能需要禁止ViewPager的左右滑动功能，只允许通过其他方式进行页面切换。本文将介绍如何在Android中实现禁止ViewPager左右滑动

2024年02月06日
浏览(44)
Android Fragment动画实现

在 Android 中，你可以使用 FragmentTransaction 来实现 Fragment 的动画效果。这允许你在添加、替换或移除 Fragment 时应用动画，从而改善用户体验。下面是如何实现 Fragment 动画的基本步骤： 1. 创建两个 Fragment：首先，创建两个 Fragment，例如 FragmentA 和 FragmentB。这些 Fragment 将被用于

2024年02月09日
浏览(44)
Android修行手册 - 使用ViewPager2实现画廊效果

Unity3D特效百例案例项目实战源码 Android-Unity实战问题汇总游戏脚本-辅助自动化 Android控件全解手册再战Android系列 Scratch编程案例软考全系列 Unity3D学习专栏蓝桥系列 ChatGPT和AIGC 专注于 Android/Unity 和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等

2024年02月22日
浏览(43)
Android：单Activity多Fragment，Navigation实现Fragment跳转，Fragment之间通过ViewModel共享数据

1、activity_main.xml 2、MainActivity FragmentA：包括SeekBar和一个按钮，点击button跳转到FragmentB FragmentB：SeekBar加一和减一操作的按钮，一个返回FragmentA的按钮，即经过加减操作以后，在FragmentA上显示加减的结果。 nav_graph.xml 1、fragment_home.xml 2、HomeFragment 1、fragment_detail.xml 2、DetailFragm

2023年04月08日
浏览(39)
android 关于TabLayout联动ViewPager2 实现底部导航栏

最近在心血来潮想写在app 不过我关于android可以说是0基础在写底部导航栏的时候去问了大佬才知道TabLayout和ViewPager 花了两天才看懂... 这里只是简单介绍因为我不准备专门做安卓软件所以在学的途中很多地方没有认真记本篇文章使用的代码是Java 这里官方是有将两个进行联动

2024年01月25日
浏览(41)
Android UI-实现底部切换标签（fragment)

================================= 前言 – 本篇博客要分享的一个UI效果——实现底部切换标签，想必大家在一些应用上面遇到过这种效果了，最典型的就是微信了，可以左右滑动切换页面，也可以点击标签页滑动页面，它们是如何实现的呢，本篇博客为了简单只介绍如何实现点击底

2024年04月22日
浏览(37)
Android kotlin 实现仿蜜源ViewPager和指示器对应上面TabLayout功能

在 app 的 build.gradle 在添加以下代码 1、 TabLayout ： implementation \\\'com.google.android.material:material:1.1.0\\\' 2、 implementation \\\'com.github.li-xiaojun:StateLayout:1.3.4\\\' //allprojects {…增加：maven { url ‘https://jitpack.io’ }…} 3、 implementation \\\'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.6\\\' ，这个里面带的适配

2024年02月09日
浏览(74)
【Android】使用ViewPager2实现轮播图效果，手动/自动轮播图

这里使用Gilde进行加载图片：Glide 使用Gilde可以加载网络图片还可以提高图片加载性能。接下来新建一个子布局item_image，加载viewPage2的子布局。 ViewPage2就是使用recyclerView实现的，所以这里使用方法其实类似。这里直接继承RecyclerView.Adapter即可,代码很简单不必多说。创建一个

2024年02月03日
浏览(48)