BottomNavigationView 设计 XML * 没有以编程方式

Question

美好的一天。如何使用 XML?

更改图标和文本颜色（活动和非活动）

<android.support.design.widget.BottomNavigationView
            android:id="@+id/nav_view"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimaryDark"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:menu="@menu/bottom_nav_menu"
    />

Answer 1

对于文本，将这两行添加到 BottomNavigationView：

app:itemTextAppearanceActive="@style/tabbar_text_active"
app:itemTextAppearanceInactive="@style/tabbar_text_inactive"

并在您的 style.xml

中为他们创造风格

<style name="tabbar_text_active" parent="TextAppearance.AppCompat.Small">
    <item name="android:textSize">12sp</item>
    <item name="android:textColor">@color/primaryLight</item>
</style>

<style name="tabbar_text_inactive" parent="TextAppearance.AppCompat.Small">
    <item name="android:textSize">12sp</item>
    <item name="android:textColor">@color/textLight</item>
</style>

对于图标

app:itemIconTint="@drawable/bottom_nav_colors"

带有可绘制对象：

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

Answer 2

试试这个：

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="@color/colorPrimary"
    app:itemIconTint="@color/nav_state_list"
    app:itemTextColor="@color/nav_state_list"
    app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
    app:menu="@menu/menu_category" />

在您的 drawable 中创建 color 文件夹并放入 nav_state_list 文件：

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

BottomNavigationView 设计 XML * 没有以编程方式

BottomNavigationView design with XML *no programmatically

navigation

android

uinavigationbar