BottomNavigationView 的基本使用

1.设置Tab点击切换图片,在drawable中创建一个selector


BottomNavigationView 的基本使用_第1张图片
selector


BottomNavigationView 的基本使用_第2张图片
此地使用创建好的selector

2.点击Tab,文本的变化,同样在drawable中创建一个selector


BottomNavigationView 的基本使用_第3张图片
文本的selector


BottomNavigationView 的基本使用_第4张图片

app:itemTextColor="@drawable/tab_menu_selector_text"  是设置文本点击变化的

app:labelVisibilityMode="labeled" 如果底部超过三个tab,设置此属性可以正常显示

navigation.setItemIconTintList(null);  去掉默认点击背景色

3.动态显示/隐藏某个Tab

根据id来获取当前的item

MenuItem homeItem = navigation.getMenu().findItem(R.id.navigation_order);

homeItem.setVisible(true);  //true默认显示,false不显示

4.添加角标,比如下面的图片


BottomNavigationView 的基本使用_第5张图片
底部Tab显示红点



BottomNavigationView 的基本使用_第6张图片
显示角标的code

如果别的Tab也显示角标


BottomNavigationView 的基本使用_第7张图片
根据index获取不同的Tab,添加角标


BottomNavigationView 的基本使用_第8张图片
红点的布局

5.去掉默认的点击缩放动画


BottomNavigationView 的基本使用_第9张图片
在style中添加


完美去掉点击Tab缩放动画

大体BottomNavigationView的基本使用到此结束,在一般的项目中完全够用。借此记录一下。

你可能感兴趣的:(BottomNavigationView 的基本使用)