Цвет заголовка элемента меню Navigation Drawer в Android

У меня возникла проблема с изменением названия пункта меню Color в Navigation Drawer. Я установил itemTextColor, но он изменил только Color пунктов, а не Title меню.

Вот мой Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer"
        app:itemTextColor="#ffffff"
        android:background="#283135"
        />


</android.support.v4.widget.DrawerLayout>

activity_main_drawer.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:icon="@mipmap/hospital"
            android:title="Home"
            />
<item
            android:id="@+id/nav_reminder"
            android:icon="@mipmap/alarm"
            android:title="Reminders" />

    </group>

    <item android:title="Tools">
        <menu>
            <item
                android:id="@+id/nav_settings"
                android:icon="@mipmap/settings"
                android:title="Settings" />
            <item
                android:id="@+id/nav_help"
                android:icon="@mipmap/information"
                android:title="Help" />
            <item
                android:id="@+id/nav_about"
                android:icon="@mipmap/team"
                android:title="About Us" />
        </menu>
    </item>

</menu>

Проверьте это:Это то, о чем я говорю


person RoyalCediee    schedule 06.07.2016    source источник


Ответы (6)


Чтобы дать Menu предмет title color и textSize Создайте таким образом..

добавьте это в свой файл styles.xml.

 <style name="TextAppearance44">
        <item name="android:textColor">#FF0000</item>
        <item name="android:textSize">20sp</item>
 </style>

теперь в файле activity_main_drawer.xml дайте id attribute до title..

<item android:title="Tools"
       android:id="@+id/tools">
        <menu>
            <item
                android:id="@+id/nav_settings"
                android:icon="@mipmap/settings"
                android:title="Settings" />
            <item
                android:id="@+id/nav_help"
                android:icon="@mipmap/information"
                android:title="Help" />
            <item
                android:id="@+id/nav_about"
                android:icon="@mipmap/team"
                android:title="About Us" />
        </menu>
    </item>

теперь в файле MainActivity.java используйте этот способ..

 NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);

        Menu menu = navigationView.getMenu();

        MenuItem tools= menu.findItem(R.id.tools);
        SpannableString s = new SpannableString(tools.getTitle());
        s.setSpan(new TextAppearanceSpan(this, R.style.TextAppearance44), 0, s.length(), 0);
        tools.setTitle(s);
        navigationView.setNavigationItemSelectedListener(this);

Это изменит ваши tools color на Red и TextSize на 20sp.. Реализуйте это..

В моем случае вывод:

введите описание изображения здесь

person Harshad Pansuriya    schedule 06.07.2016
comment
Спасибо, мне тоже такой нужен - person Ami Hollander; 06.07.2016

Вы также можете определить новый стиль в styles.xml:

<style name="NavigationView">
    <item name="android:textColorSecondary">@color/white</item>
</style>

а затем применить этот стиль в теме NavigationView:

<android.support.design.widget.NavigationView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:theme="@style/NavigationView" />
person madim    schedule 11.11.2017
comment
это странно, но эта реализация меняет оттенок значка. Он оставляет цвет текста нетронутым. РЖУ НЕ МОГУ! такие нестыковки... - person Someone Somewhere; 23.07.2019
comment
@SomeoneSomewhere, да, у меня тоже было такое же поведение. Итак, я добавил еще один ответ, где его правильно указать, не используя при этом пользовательскую тему. - person SaadAAkash; 06.10.2019

Просто добавьте свойство app:itemTextColor="@color/accent в тег просмотра навигации, как показано ниже.

<com.google.android.material.navigation.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:backgroundTint="@color/primary"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_main"
    app:menu="@menu/activity_main_drawer"
    app:itemTextColor="@color/accent"/>
person Team Android Developers    schedule 29.04.2019
comment
как поместить app:itemTextColor в стиль? - person Someone Somewhere; 23.07.2019

Для всех, кто может наткнуться на этот вопрос и не найти рабочего ответа, как я, добавьте <item name="android:textColorSecondary">@color/white</item> в свой файл AppTheme и AppTheme.NoActionBar styles.xml следующим образом:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

        <item name="android:textColorSecondary">@color/white</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>

        <item name="android:textColorSecondary">@color/white</item>
    </style>
...
</resources>

Это должно произвести что-то вроде этого:

пользовательский стиль панели навигации

Примечание. Я сделал текст элемента «Поделиться» или «Отправить» белым, добавив app:itemTextColor="@color/white" внутри NavigationView. Полный код 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"
            android:fitsSystemWindows="true"
            app:itemTextColor="@color/white"
            android:background="#283135"
            app:headerLayout="@layout/nav_header_main"
            app:menu="@menu/activity_main_drawer"/>
person SaadAAkash    schedule 06.10.2019

С включенным NavigationView в Библиотеке компонентов материалов вы можете использовать app:itemTextColor, чтобы определить цвет или селектор для каждого элемента и app:itemTextAppearance, если вы хотите настроить используемый TextAppearance.

 <com.google.android.material.navigation.NavigationView    
      app:itemTextColor="@color/colorPrimaryDark"
      app:itemTextAppearance="@style/...."
      ...>

Для цвета вы можете использовать селектор, например:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="?attr/colorPrimary" android:state_checked="true"/>
  <item android:alpha="0.38" android:color="?attr/colorOnSurface" android:state_enabled="false"/>
  <item android:color="?attr/colorOnSurface"/>
</selector>

введите здесь описание изображения

Чтобы изменить цвет группы заголовков, вы можете переопределить цвет android:textColorSecondary с помощью:

<com.google.android.material.navigation.NavigationView
    android:theme="@style/ThemeOverlay.titleColor"
    ..>

с:

  <style name="ThemeOverlay.titleColor" parent="">
    <item name="android:textColorSecondary">@color/....</item>
  </style>

введите здесь описание изображения

person Gabriele Mariotti    schedule 12.10.2019

<style name="AppTheme.NavigationView">
    <item name="android:textColorSecondary">@color/colorPrimaryDark</item>
    <item name="android:textSize">20sp</item>
</style>

Установите textSize, если вы хотите изменить размер заголовка.

person Hanoch Moreno    schedule 12.10.2018