基礎使用

先導入依賴(這里以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文件為：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_main"
        android:icon="@drawable/sl_tab_main_main"
        android:title="@string/menu_main"/>

    <item
        android:id="@+id/menu_project"
        android:icon="@drawable/sl_tab_main_project"
        android:title="@string/menu_project"/>

    <item
        android:id="@+id/menu_wechat"
        android:icon="@drawable/sl_tab_main_wechat"
        android:title="@string/menu_wechat"/>

    <item
        android:id="@+id/menu_system"
        android:icon="@drawable/sl_tab_main_system"
        android:title="@string/menu_system"/>
</menu>

其中android:icon="@drawable/sl_tab_main_system"為設置按鈕選中與未選中時的圖標選擇
顯示效果：

image.png

注意：

在BottomNavigationView的源碼內(nèi)有如下一段代碼

public int getMaxItemCount() {
        return 5;
}

所以當我們在menu文件內(nèi)添加的item個數(shù)大于5個時會報錯

常見的效果顯示

1.去除點擊時出現(xiàn)的水波紋背景效果

app:itemBackground="@null"

2.去除點擊時的動畫效果以及位移現(xiàn)象

app:labelVisibilityMode="labeled"

屬性取值有l(wèi)abeled、unlabeled、selected、auto
labeled：所有按鈕中都顯示圖標與標簽。
unlabeled：所有按鈕中都不顯示標簽，只顯示圖標。
selected：只有選中的按鈕才顯示標簽與圖標，其他未選中的只顯示圖標。
auto：自動模式，該模式使用item數(shù)來確定是否顯示或隱藏標簽。當按鈕個數(shù)小于等于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中添加

<dimen name="design_bottom_navigation_active_text_size" tools:override="true">12sp</dimen>
<dimen name="design_bottom_navigation_text_size" tools:override="true">12sp</dimen>

Activity內(nèi)使用

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
        }

如果需要獲取具體某個按鈕的相關信息時，可以調(diào)用下面的代碼

image.png