Android中的导航抽屉菜单项标题颜色答案

【问题标题】：Navigation Drawer Menu Item Title Color in AndroidAndroid中的导航抽屉菜单项标题颜色
【发布时间】：2016-11-08 01:25:39
【问题描述】：

我在更改Navigation Drawer 中的菜单项标题Color 时遇到问题我设置了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>

检查一下：

【问题讨论】：

标签： android colors navigation-drawer menuitem android-navigationview

【解决方案1】：

给Menu项目titlecolor和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.. 实现它..

在我的情况下输出：

【讨论】：

谢谢，我也需要那个

【解决方案2】：

你也可以在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" />

【讨论】：

这很奇怪，但是这个实现改变了图标的色调。它使文本颜色保持不变。哈哈！这种不一致...
@SomeoneSomewhere，是的，它也在为我执行相同的行为。因此，我在不使用自定义主题的情况下添加了另一个答案以正确放置它。

【解决方案3】：

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

如果您也想更改标题大小，请设置 textSize

【讨论】：

【解决方案4】：

只需在导航视图标签中添加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"/>

【讨论】：

如何将app:itemTextColor 放入样式中？

【解决方案5】：

对于任何可能偶然发现这个问题并且像我一样找不到有效答案的人，请在您的 AppTheme 和 AppTheme.NoActionBarstyles.xml 文件中添加 <item name="android:textColorSecondary">@color/white</item>，如下所示：

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

这应该会产生这样的结果：

注意：我通过在 NavigationView 中添加 app:itemTextColor="@color/white" 将项目文本“分享”或“发送”设置为白色。完整的 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"/>

【讨论】：

【解决方案6】：

Material Components Library 中包含 NavigationView，您可以使用 app:itemTextColor 为每个项目定义颜色或选择器，如果您想自定义 TextAppearance，则可以使用 app:itemTextAppearance用过。

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

【讨论】：