效果
代码过程
步骤1:
主界面垂直线性布局,加入ViewPager、BottomNavigationView两个控件。
加入5张图片作为底部切换的图标,创建menu文件及xml文件,将5张图片加入到xml内item。
在BottomNavigationView中加入menu选项,将上面的xml加入。
(此时可以查看到界面底部的5个按钮,并可点击。)
步骤2:
创建5个layout的xml及java文件。xml为对应的每个切换界面,java为对应xml的后台处理。
主java内定义List<Fragment> fragments,并将5个java类创建并加入到fragments。
ViewPager加入上面创建的适配器。
(此时主界面中间显示了5个可以拖拽的查看的界面。)
步骤3:
添加底部BottomNavigationView的item点击事件。
在点击事件中匹配底部item点击后跳转到对应的页面。
步骤4:
添加页ViewPager的页改变事件。
在页的改变事件中加入当改变页使底部同时切换到与页面对应的item。
源码
关注
笔者 - jxd
微信公众号搜索 “码农总动员” 或 微信扫描下方二维码,了解更多你不知道的XX,O(∩_∩)O