BottomNavigationView 的自定義

注意：我假設你知道如何使用 BottomNavigationView 。

這個例子我將解釋如何為 BottomNavigationView 新增選擇器。因此，你可以在 UI 上說明圖示和文字。

建立 drawable bottom_navigation_view_selector.xml as

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item  android:color="@color/bottom_nv_menu_selected" android:state_checked="true" />
    <item android:color="@color/bottom_nv_menu_default" />
</selector>

並在佈局檔案中使用以下屬性到 BottomNavigationView

app:itemIconTint="@drawable/bottom_navigation_view_selector" 
app:itemTextColor="@drawable/bottom_navigation_view_selector"

在上面的例子中，我使用相同的選擇器 bottom_navigation_view_selector 用於 app:itemIconTint 和 app:itemTextColor，以保持文字和圖示顏色相同。但如果你的設計具有不同的文字和圖示顏色，你可以定義 2 個不同的選擇器並使用它們。

輸出將類似於以下