NavigationView项目选择器没有突出显示已启用的项目。

Question

我试图改变NavigationView中选定项的文字颜色。使用的信息是 上一主题 我设置了一个选择器。

<?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 是蓝色的。导航视图如下。

    <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 来切换活动。另外，我目前只有两个窗口--仪表盘和登出。我从主屏幕移动到仪表盘（包含菜单），然后使用注销回到主屏幕。也许是由于它不知道当前屏幕是仪表盘的原因？

该 dashboard java cotnains的方法如下。

    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: 使用相同的选择器。

selector.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>

第二步：使用xml属性。 使用xml属性 app:itemTextColor 内 NavigationView 小部件

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

第三步。 前一步的属性不会自动生效，因为当你打出一个物品时 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);
    }
}

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

第四步。 要改变图标颜色，使用 app:iconTint 属性中的 NavigationView 菜单项，并设置为同一个选择器。

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

结果。