Android中的导航抽屉菜单项标题颜色
Posted
技术标签:
【中文标题】Android中的导航抽屉菜单项标题颜色【英文标题】：Navigation Drawer Menu Item Title Color in Android 【发布时间】：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_
android:layout_
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
layout="@layout/app_bar_main"
android:layout_
android:layout_ />
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_
android:layout_
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>
检查一下：
【问题讨论】：
【参考方案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_
android:layout_
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_
android:layout_
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_
android:layout_
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>
【讨论】：
以上是关于Android中的导航抽屉菜单项标题颜色的主要内容，如果未能解决你的问题，请参考以下文章