NavigationView 项目选择器不会突出显示启用的项目

Question

我正在尝试更改 NavigationView 中所选项目的文本颜色。使用previous topic 的信息我设置了一个选择器：

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

primaryColor 是蓝色的。 NavigationView如下：

    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/activity_nav_header"
        app:menu="@menu/nev_menu"
        app:itemIconTint="@drawable/menu_item_selector"
        app:itemTextColor="@drawable/menu_item_selector" />

</androidx.drawerlayout.widget.DrawerLayout>

如您所见，我将app:itemTextColor 设置为menu_item_selector。但是当我运行应用程序时，我看到选定的项目是灰色的。 NavigationView 如何知道我现在看到的是哪个屏幕？我该如何解决？

我正在使用onNavigationItemSelected 在活动之间切换。此外，我目前只有两个窗口 - 仪表板和注销。我从主屏幕移动到仪表板（其中包含菜单）并使用注销返回主屏幕。也许它不起作用的原因是因为它不知道当前屏幕是仪表板？

dashboardjava 包含以下方法：

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_dashboard);

        toolBar = findViewById(R.id.toolbar);
        setSupportActionBar(toolBar);

        drawerLayout = findViewById(R.id.drawer_layout);
        navigationView = findViewById(R.id.nav_view);

        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this, drawerLayout, toolBar,
                R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawerLayout.addDrawerListener(toggle);
        toggle.syncState();

        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
        View hView = navigationView.getHeaderView(0);
    }

   @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.dashboard:
                // CURRENT ACTIVITY
                break;
            case R.id.messages:
                startActivity(new Intent(this, MessagesActivity.class));
                break;
            case R.id.settings:
                startActivity(new Intent(this, SettingsActivity.class));
                break;
            case R.id.about:
                startActivity(new Intent(this, AboutActivity.class));
                break;
            case R.id.logout:
                startActivity(new Intent(this, MainActivity.class));
                break;
        }

        drawerLayout.closeDrawer(GravityCompat.START);
        return true;
    }

Answer 1

对于初始外观，您将选中的颜色设置为primaryColor，但用lightGrayColor 覆盖它，因为您没有指定此颜色可用的状态；所以你需要通过android:state_checked="false"指定状态

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

您还可以通过尝试以下任何方式在应用启动时设置默认选定项：

navigationView.getMenu().getItem(0).setChecked(true);
navigationView.setCheckedItem(R.id.nav_item);

更新

这就是我的工作方式

第 1 步：使用相同的选择器：

选择器.xml

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

第 2 步：在 NavigationView 小部件中使用 xml 属性 app:itemTextColor

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/navigation_header_layout"
    app:itemTextColor="@drawable/selector"
    app:menu="@menu/navigation_menu" />

第 3 步：
由于某种原因，当您从NavigationView 菜单中点击一个项目时，上一步属性不会自动工作，它不会将其视为按钮检查。所以需要手动勾选选中的项目，清除之前选中的项目。使用下面的监听器来做到这一点

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {

    int id = item.getItemId();

    // remove all colors of the items to the `unchecked` state of the selector
    removeColor(mNavigationView);

    // check the selected item to change its color set by the `checked` state of the selector
    item.setChecked(true);

    switch (item.getItemId()) {
      case R.id.dashboard:
            // CURRENT ACTIVITY
            break;
        case R.id.messages:
            startActivity(new Intent(this, MessagesActivity.class));
            break;
        case R.id.settings:
            startActivity(new Intent(this, SettingsActivity.class));
            break;
        case R.id.about:
            startActivity(new Intent(this, AboutActivity.class));
            break;
        case R.id.logout:
            startActivity(new Intent(this, MainActivity.class));
            break;
    }

    drawerLayout.closeDrawer(GravityCompat.START);
    return true;
}

private void removeColor(NavigationView view) {
    for (int i = 0; i < view.getMenu().size(); i++) {
        MenuItem item = view.getMenu().getItem(i);
        item.setChecked(false);
    }
}

现在文字颜色会完美改变。

第 4 步：
要更改图标颜色，请使用NavigationView 菜单项中的app:iconTint 属性，并设置为相同的选择器。

<?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/nav_account"
        android:checked="true"
        android:icon="@drawable/ic_person_black_24dp"
        android:title="My Account"
        app:iconTint="@drawable/selector" />
    <item
        android:id="@+id/nav_settings"
        android:icon="@drawable/ic_settings_black_24dp"
        android:title="Settings"
        app:iconTint="@drawable/selector" />

    <item
        android:id="@+id/nav_logout"
        android:icon="@drawable/logout"
        android:title="Log Out"
        app:iconTint="@drawable/selector" />
</menu>

结果：