通过demo演示如何应用BottomNavigationView，这个Demo练习是参考Youtube视频完成，非常简单容易，很适合上手
一：添加依赖
跟之前的控件一样，在File->Project Structure中添加Design的Dependencies，通过在search中输入desgin去寻找
并在build.gradle中添加依赖: implementation 'com.google.android.material:material:1.0.0', 如果本地已经有相关依赖可以直接添加。
如果有不了解如何添加依赖的朋友请看FLoatingActionButton那篇文章如何操作的。link
二：添加bottomnavigationview控件，并修改其布局代码
activity_bottom_navigation_home.xml作为此次demo的home展示布局
activity_bottom_navigation_search.xml作为search查询展示页面
activity_bottom_navigation_favorite.xml作为favorite查询展示页面
activity_bottom_navigation_home.xml代码
为页面切换添加selector.xml布局, 为bottomNavigationView添加menu：bottomnavigation_menu
三：添加selector.xml，当点击不同的bottomNavigationView的item时切换页面
selector.xml代码
四：为BottomNavigationView添加menu布局
bottomnavigation_menu.xml代码
三个item对应三个页面Home，Search和Favorite
为Item添加title和icon图标
五：添加menu的item的图标
添加vector asset图标，练手demo用自带图标即可
六：添加另外两个demo的展示页面：search和favorite，代码与activity_bottom_navigation_home.xml一样
activity_bottom_navigation_favorite.xml代码
activity_bottom_navigation_search.xml代码
七：为三个Activity添加Java代码
三个页面，需要建立Home，Search和Favorite三个Activity.java。代码基本一样，下面图片是home代码
bottomNavigationViewActivity.java
通过findViewById找到bottomNavigationView组件，因为目前是Home页面，所以讲selector通过R.id.home定位home
为bottomNavigationView的Item添加Listener，因为已经显示主页，所以返回true即可。其他当点击其他item，通过R.id.itemName跳转页面
网友评论