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:itemIconTintapp:itemTextColor,以保持文本和图标颜色相同。但如果你的设计具有不同的文本和图标颜色,你可以定义 2 个不同的选择器并使用它们。

输出将类似于以下

StackOverflow 文档

StackOverflow 文档