Question

以下是我当前BottomNavigationView的XML。目前，所有三个图标drawable都是具有相同颜色的未填充图标。我希望能够在选择该状态时呈现图标的填充版本，并且可能更改颜色以使其明显是当前图标状态。以下图片是我的意思的一个例子。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_favorites"
        android:enabled="true"
        android:icon="@drawable/icon_flyer"
        android:title="Flyer"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_schedules"
        android:enabled="true"
        android:icon="@drawable/icon_list"
        android:title="List"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_music"
        android:enabled="true"
        android:icon="@drawable/icon_contact"
        android:title="Contact"
        app:showAsAction="ifRoom" />
</menu>

Answer 1

要按州更改图标颜色，您可以为BottomNavigationView中的“itemIconTint”属性设置可绘制的颜色状态。对于文本颜色，您可以在“itemTextColor”属性中设置相同的颜色状态drawable。以下是BottomNavigationView的可绘制颜色状态示例：

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

“android：state_pressed”状态是菜单项的按下状态。 “android：state_checked”是菜单项的选定状态。

这只会更改BottomNavigationView中图标和标签的颜色。为了填充您的图标，您可以为菜单项中的“icon”属性设置一个可绘制的图标状态。以下是图标状态drawable的示例：

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

Answer 2

您可以将StateDrawable设置为menuitem。使用以下代码在drawable文件夹中创建一个xml文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_pressed_green"
          android:state_pressed="true" />
    <item android:drawable="@drawable/button_normal" />
</selector>

更新符合您需要的状态（状态和可绘制）的xml文件，并在您的menuitem而不是当前图标中引用它。

Answer 3

创建template class RouteManager<TestTypes>;

res/color/bottom_nav_color.xml

然后在您的BottomNavigationView中：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="your_highlight_color" />
    <item android:state_pressed="true" android:color="your_highlight_color" />
    <item android:color="your_inactive_color" />
</selector>

Answer 4

第1步：将所有图标添加到可绘制文件夹

第2步：为每个图标创建新的可绘制资源文件。在名为＆＃34; bottom_navigation_icon＆＃34;的文件中（例如），指定选择器。默认图标需要在最后一行中说明：

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

第3步：在底部导航的菜单中，为每个项目设置以下代码：

android:icon="@drawable/bottom_navigation_icon"

这就是全部。现在，当您点击它时，您的图标会发生变化，当您点击它时会更改回上一个图标！

有没有办法为Android的BottomNavigationView的选定状态设置不同的图标/颜色？

4 个答案: