3分钟教你实现仿微信底部导航栏效果（BottomNavigationView + ViewPager）(1)

最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

menu文件写好了以后，记得把他加到XML控件上去：menu

<com.google.android.material.bottomnavigation.BottomNavigationView

app:menu=“@menu/bn_view”

android:id=“@+id/bn_view”

android:layout_width=“match_parent”

android:layout_height=“wrap_content” />

如图所示，这就是加上menu后的效果，这里需要注意的是，你加的icon会自动变成这种只有外观轮廓的样子

ViewPager的使用

想要实现ViewPager，你得现有一个Adapter适配器，这边getItem()方法你需要返回你当前List中和当前position对应的元素（也就是Fragment页面），getCount()就比较简单了，直接返回List的大小就行了。

PagerAdapter（Java）

public class PagerAdapter extends FragmentPagerAdapter {

private List mList;

public PagerAdapter(@NonNull FragmentManager fm, List list) {

super(fm);

mList = list;

}

public PagerAdapter(@NonNull FragmentManager fm, int behavior, List list) {

super(fm, behavior);

mList = list;

}

public PagerAdapter(@NonNull FragmentManager fm) {

super(fm);

}

@NonNull

@Override

public Fragment getItem(int position) {

return mList.get(position);

}

@Override

public int getCount() {

return mList.size();

}

}

Activity中实现

只需要在List中随便加入几个Fragment，然后实例化刚刚写的PagerAdapter，最后ViewPager调用 .setAdapter() 方法传入PagerAdapter即可实现一个可以左右侧滑切换界面的效果

注意：你传入多少个Fragment取决于你menu的数量

List list = new ArrayList<>();

// 随便加了三个有内容的Fragment

list.add(new FragmentTabFrag1());

list.add(new FragmentEventBus());

list.add(new FragmentEventBus2());

PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager(), list);

mViewpager.setAdapter(adapter);

做完这些，你会发现，上面可以切换界面的做好了，下面的导航也实现了，可是它两却互不相关，你点你的，我滑我的。。。那么接下来就来让它两“心连心”。

上下联动

侧滑带动按钮选择

先实现一下，我ViewPager侧滑，可以改变BottomNavigationView的当前选项

只需给你的ViewPager加上一个PageChangeListener（页面改变监听器），然后在页面改变以后，BottomNavigationView调用.setSelectedItemId()方法，手动对当前选项作出对应的改变，就实现了！

mViewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override

public void onPageSelected(int position) {

switch (position) {

case 0:

mBnView.setSelectedItemId(R.id.first);

break;

case 1:

mBnView.setSelectedItemId(R.id.second);

break;

case 2:

mBnView.setSelectedItemId(R.id.third);

break;

}

}

@Override

public void onPageScrollStateChanged(int state) {

}

});

点击底部按钮带动页面

页面侧滑带动按钮实现了，就剩下按钮带动页面了

这里也是非常的简单，只需要给BottomNavigationView加上一个ItemSelectedListener（子项选择监听器），然后根据子项的改变，然后ViewPager调用.setCurrentItem()方法对当前显示的页面进行更改；点击按钮以后，页面跟着动的效果也就实现了。

mBnView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {

@Override

public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {

switch (menuItem.getItemId()) {

case R.id.first:

mViewpager.setCurrentItem(0);

break;

case R.id.second:

mViewpager.setCurrentItem(1);

break;

case R.id.third:

mViewpager.setCurrentItem(2);

break;

}

return true;

}

});

做到这里，效果图中的功能就实现了，只不过颜色可能不是那么令人喜欢，作为一个完美主义，怎能容忍？改颜色！改它！

自定义选中&未选中颜色

color文件

在res目录下创建color文件夹，没办法，它就是这么刁钻，用这个控件创建了2个文件夹

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZOvHJb42-1589884552962)(E:\ASYU\Desktop\color创建.png)]

创建color文件

我这里用了红绿两种颜色，红色是未选中时的颜色，绿色是选中时的颜色

<?xml version="1.0" encoding="utf-8"?>

最后

针对于上面的问题，我总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料。
（包括Java在Android开发中应用、APP框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。**

[外链图片转存中…(img-j9oVrTMw-1715156025807)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！