Question

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

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

<?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;

    }
};

Answer 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"
  //***
  />

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

单击时更改底部导航图标

1 个答案: