Android|Android Material Bottom Navigation使用教程

今年三月Google已经将Bottom Navigation加入到Material中,但是目前还没有这方面的使用教程,所以本文介绍使用LuseenBottomNavigation


1、Google Material Design地址:
https://www.google.com/design/spec/components/bottom-navigation.html#



【Android|Android Material Bottom Navigation使用教程】2、在项目中引用,采用 Gradle方式:
compile 'com.github.armcha:LuseenBottomNavigation:1.7.0'



3、在布局文件中增加BottomNavigationView




4、 添加 BottomNavigation按钮,图标资源和选中按钮变换的颜色
BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottomNavigation); BottomNavigationItem bottomNavigationItem = new BottomNavigationItem ("Record", ContextCompat.getColor(this, R.color.firstColor), R.drawable.ic_mic_black_24dp); BottomNavigationItem bottomNavigationItem1 = new BottomNavigationItem ("Like", ContextCompat.getColor(this, R.color.secondColor), R.drawable.ic_favorite_black_24dp); bottomNavigationView.addTab(bottomNavigationItem); bottomNavigationView.addTab(bottomNavigationItem1);


5、设置每个按钮的点击事件

bottomNavigationView.setOnBottomNavigationItemClickListener(new OnBottomNavigationItemClickListener() { @Override public void onNavigationItemClick(int index) { Toast.makeText(MainActivity.this, "Item " +index +" clicked", Toast.LENGTH_SHORT).show(); } });



6、结合ViewPager使用
ContextCompat.getColor(context, R.color.firstColor) bottomNavigationView.setUpWithViewPager(yourPager , colorResources , imageResources); bottomNavigationView.disableViewPagerSlide();


7、自定属性


8、设置始终显示文字和背景颜色不变
bottomNavigationView.isWithText(true); bottomNavigationView.isColoredBackground(false); bottomNavigationView.setItemActiveColorWithoutColoredBackground(yourColor);



9、demo运行截图:






10、源码下载
csdn

    推荐阅读