单击时更改底部导航图标答案

【问题标题】：Change bottom navigation icon when clicked单击时更改底部导航图标
【发布时间】：2020-04-20 07:20:50
【问题描述】：

我想将用户在底部导航中单击的图标更改为另一个图标，以向用户显示他所在的当前片段。我在网上找到了类似的问题和答案，但没有一个对我有用，我不知道我的代码有何不同。

我做的第一件事就是创建一个这样的选择器

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

然后我像这样用它作为我的图标

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
    android:id="@+id/navigation_request"
    android:icon="@drawable/requests"
    android:title="@string/title_requests"
     />

<!--just here for test-->
<item
    android:id="@+id/navigation_chat"
    android:icon="@drawable/chat_selector"
    android:title="@string/title_chat"
     />
<item
    android:id="@+id/navigation_groups"
    android:icon="@drawable/ic_group_24dp"
    android:title="@string/title_groups"
     />

<item
    android:id="@+id/navigation_friends"
    android:icon="@drawable/friends"
    android:title="@string/title_friends"
     />

</menu>

但是当我在我的设备上运行代码时它没有任何效果。

这是我的BottomNavigation

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    app:labelVisibilityMode="unlabeled"
    android:layout_alignParentBottom="true"
    app:itemBackground="@color/white"
    app:menu="@menu/navigation" />

这是我在我的活动中处理点击的地方

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = item -> {
    Fragment fragment;


    switch (item.getItemId()) {
        case R.id.navigation_request:
            getSupportActionBar().setTitle("Request");
            loadFragment(requestFragment);
            return true;

        case R.id.navigation_chat:
            // toolbar.setTitle("Chat");
            getSupportActionBar().setTitle("Chat");
            loadFragment(chatsFragment);
            return true;

        case R.id.navigation_friends:
            // toolbar.setTitle("Friends");
            getSupportActionBar().setTitle("Friends");
            loadFragment(friendsFragment);
            return true;

        case R.id.navigation_groups:
            // toolbar.setTitle("Chat");
            getSupportActionBar().setTitle("My Groups");
            loadFragment(groupsFragment);
            return true;

            default:
                return false;

    }
};

【问题讨论】：

您可以为 BottomNavigationView 使用颜色选择器。对你来说更简单。
我该怎么做
让我几分钟

标签： java android bottomnavigationview

【解决方案1】：

在 res 中创建颜色文件夹

res -> Android Resource Directory -> color

创建颜色选择器：navigation_state.xml

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

设置项目图标色调和文本颜色。

<com.google.android.material.bottomnavigation.BottomNavigationView
   //***
    app:itemIconTint="@color/navigation_state"
    app:itemTextColor="@color/navigation_state"
  //***
  />

我使用了材料设计。没关系

【讨论】：