Android BottomNavigationView底部导航栏的使用

刺骨的言语ヽ痛彻心扉 2023-02-23 12:24 10阅读 0赞

### Android BottomNavigationView底部导航栏的使用 ###

#### 基础使用 ####

先导入依赖(这里以AndroidX为例)

implementation 'com.google.android.material:material:1.0.0'

在布局中使用

<com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/bottomNavigationView"
                android:layout_width="match_parent"
                android:layout_height="56dp"
                android:background="@color/white"
                app:itemBackground="@null"
                app:itemTextColor="@drawable/sl_tab_color"
                app:labelVisibilityMode="labeled"
                app:layout_constraintBottom_toBottomOf="parent"
                app:menu="@menu/navigation_item" />

其中app:itemTextColor="@drawable/sl\_tab\_color"为设置按钮选中与未选中时字体的颜色选择。navigation\_item.xml文件为：

其中android:icon="@drawable/sl\_tab\_main\_system"为设置按钮选中与未选中时的图标选择  
显示效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDMyNTQ0NA_size_16_color_FFFFFF_t_70]

## 注意： ##

在BottomNavigationView的源码内有如下一段代码

public int getMaxItemCount() { return 5; }

所以当我们在menu文件内添加的item个数大于5个时会报错

#### 常见的效果显示 ####

###### 1.去除点击时出现的水波纹背景效果 ######

app:itemBackground="@null"

###### 2.去除点击时的动画效果以及位移现象 ######

app:labelVisibilityMode="labeled"

> 属性取值有labeled、unlabeled、selected、auto  
> labeled：所有按钮中都显示图标与标签。  
> unlabeled：所有按钮中都不显示标签，只显示图标。  
> selected：只有选中的按钮才显示标签与图标，其他未选中的只显示图标。  
> auto：自动模式，该模式使用item数来确定是否显示或隐藏标签。当按钮个数小于等于3个时使用labeled模式，大于3个时使用selected模式。

此方法仅限当前使用的api大于28时才可使用。当api小于28时可采用下面这种方式：

@SuppressLint("RestrictedApi") public static void disableShiftMode(BottomNavigationView view) { BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0); try { Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode"); shiftingMode.setAccessible(true); shiftingMode.setBoolean(menuView, false); shiftingMode.setAccessible(false); for (int i = 0; i < menuView.getChildCount(); i++) { BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i); item.setShiftingMode(false); item.setChecked(item.getItemData().isChecked()); } } catch (NoSuchFieldException e) { Log.e( "TAG","Unable to get shift mode field"); } catch (IllegalAccessException e) { Log.e( "TAG","Unable to change value of shift mode"); } }

###### 3.去除点击时默认的图标颜色修改 ######

bottomNavigationView.itemIconTintList = null

###### 4.修改文字大小 ######

在资源文件dimens.xml中添加

#### Activity内使用 ####

bottomNavigationView.setOnNavigationItemSelectedListener { 
             when (it.itemId) { 
                    R.id.menu_main -> { 
                             //todo
                    }
                    R.id.menu_project -> { 
                            //todo
                    }
                    R.id.menu_system -> { 
                               //todo
                    }
                    R.id.menu_wechat -> { 
                              //todo
                    }
                }
                true
            }

如果需要获取具体某个按钮的相关信息时，可以调用下面的代码

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDMyNTQ0NA_size_16_color_FFFFFF_t_70 1]

--------------------

**持续更新中…**  
**文章参考学习地址：[https://www.jianshu.com/p/d5fb8ff21b4f][https_www.jianshu.com_p_d5fb8ff21b4f]**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDMyNTQ0NA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020070717063797.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDMyNTQ0NA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDMyNTQ0NA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020070717094385.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDMyNTQ0NA==,size_16,color_FFFFFF,t_70
[https_www.jianshu.com_p_d5fb8ff21b4f]: https://www.jianshu.com/p/d5fb8ff21b4f