Изменение цвета отмеченного пункта меню в навигационном ящике

Ответ 1

Хорошо, вы можете достичь этого, используя Color State Resource. Если вы заметили внутри своего NavigationView, вы используете

app:itemIconTint="@color/black"
app:itemTextColor="@color/primary_text"

Здесь вместо использования @color/black или @color/primary_test используйте Color State List Resource. Для этого сначала создайте новый xml (например, drawer_item.xml) внутри каталога color (который должен находиться внутри каталога res.) Если у вас уже нет каталога с именем color, создайте его.

Теперь внутри drawer_item.xml выполните что-то вроде этого

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="checked state color" android:state_checked="true" />
    <item android:color="your default color" />
</selector>

Заключительный шаг: изменить NavigationView

<android.support.design.widget.NavigationView
    android:id="@+id/activity_main_navigationview"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/drawer_header"
    app:itemIconTint="@color/drawer_item"  // notice here
    app:itemTextColor="@color/drawer_item" // and here
    app:itemBackground="@android:color/transparent"// and here for setting the background color to tranparent
    app:menu="@menu/menu_drawer">

Подобным образом вы можете использовать отдельные ресурсы списка состояний цвета для IconTint, ItemTextColor, ItemBackground.

Теперь, когда вы устанавливаете элемент как отмеченный (либо в xml, либо программно), конкретный элемент будет иметь разный цвет, чем у непроверенных.

Ответ 2

Я считаю, что app:itemBackground ожидает, что он будет доступен. Итак, выполните следующие действия:

Сделайте файл с рисунком highlight_color.xml со следующим содержимым:

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <solid android:color="YOUR HIGHLIGHT COLOR"/>
</shape>

Сделайте еще один файл с рисунком nav_item_drawable.xml со следующим содержимым:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/highlight_color" android:state_checked="true"/>
</selector>

Наконец добавьте тег app:itemBackground в NavView:

<android.support.design.widget.NavigationView
android:id="@+id/activity_main_navigationview"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:headerLayout="@layout/drawer_header"
app:itemIconTint="@color/black"
app:itemTextColor="@color/primary_text"
app:itemBackground="@drawable/nav_item_drawable"
app:menu="@menu/menu_drawer">

здесь файл highlight_color.xml определяет сплошной цвет, предназначенный для фона. Позже этот цвет можно присвоить селектору nav_item_drawable.xml.

Это сработало для меня. Надеюсь, это поможет.

********************************************** ОБНОВЛЕНО ******************************************* ***

Хотя вышеупомянутый ответ дает вам прекрасный контроль над некоторыми свойствами, но способ, которым я описываю, выглядит более SOLID и немного COOLER.

Итак, что вы можете сделать, вы можете определить ThemeOverlay в styles.xml для NavigationView следующим образом:

    <style name="ThemeOverlay.AppCompat.navTheme">

        <!-- Color of text and icon when SELECTED -->
        <item name="colorPrimary">@color/color_of_your_choice</item> 

        <!-- Background color when SELECTED -->
        <item name="colorControlHighlight">@color/color_of_your_choice</item> 

    </style>

теперь примените этот ThemeOverlay к атрибуту app:theme NavigationView, например:

<android.support.design.widget.NavigationView
android:id="@+id/activity_main_navigationview"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:theme="@style/ThemeOverlay.AppCompat.navTheme"
app:headerLayout="@layout/drawer_header"
app:menu="@menu/menu_drawer">

Надеюсь, это поможет.

Ответ 3

Нужно установить NavigateItem проверено значение true, когда элемент в NavigateView щелкнут

//listen for navigation events
NavigationView navigationView = (NavigationView)findViewById(R.id.navigation);
navigationView.setNavigationItemSelectedListener(this);
// select the correct nav menu item
navigationView.getMenu().findItem(mNavItemId).setChecked(true);

Добавить NavigationItemSelectedListener в NavigationView

  @Override
  public boolean onNavigationItemSelected(final MenuItem menuItem) {
    // update highlighted item in the navigation menu
    menuItem.setChecked(true);
    mNavItemId = menuItem.getItemId();

    // allow some time after closing the drawer before performing real navigation
    // so the user can see what is happening
    mDrawerLayout.closeDrawer(GravityCompat.START);
    mDrawerActionHandler.postDelayed(new Runnable() {
      @Override
      public void run() {
        navigate(menuItem.getItemId());
      }
    }, DRAWER_CLOSE_DELAY_MS);
    return true;
  }

Ответ 4

Вот еще один способ добиться этого:

public boolean onOptionsItemSelected(MenuItem item) {

    int id = item.getItemId();

    item.setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem item) {
            item.setEnabled(true);
            item.setTitle(Html.fromHtml("<font color='#ff3824'>Settings</font>"));
            return false;
            }
        });


    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

}