BottomNavigationView简单应用

通过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跳转页面