改变工具栏菜单项的颜色（非隐藏操作）

Question

假设我有一个类似下面的菜单（options_menu.xml）：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto" >
    <item android:id="@+id/action_login"
          android:title="Login"
          app:showAsAction="always"/>
</menu>

我将其扩展为新的工具栏项。

mToolbar.inflateMenu(R.menu.options_home);

这会导致结果类似于

有没有一种方法可以更改此文本颜色，而不使用图像、更改其余的工具栏文本颜色或向工具栏添加自定义视图？ 寻找适用于minSdk 15（appcompat）的答案。

更新：

我相关的样式：

<style name="AppTheme" parent="AppTheme.Base">
    <item name="actionMenuTextColor">@color/ww_red</item>
</style>

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/red</item>
    <item name="colorAccent">@color/theme_accent</item>

    <item name="android:textColor">@color/text_dark</item>

    <item name="android:colorEdgeEffect">@color/gray</item>
</style>

- loeschg

---

创建一个图像，使其背景颜色与工具栏相同，并将文本颜色设置为您想要的任何颜色。 - Apurva

@loeschg，“登录”菜单项的颜色会与其他菜单项不同吗？ - Vikram

我希望任何显示在工具栏上（而不是溢出菜单）的菜单项都是特定的颜色。能够为每个项目更改颜色会很好，但不是必需的。 - loeschg

@loeschg 如果是这种情况，可以将 <item name="actionMenuTextColor">@color/color_action_mode_text</item> 作为主题的一部分。 - Vikram

@loeschg 当我使用您上面添加的样式时，我会得到这个链接。只是为了确保，确认您正在将AppTheme（而不是AppTheme.Base）分配给您的活动。 - Vikram

Answer 1

在您的主题文件中，您需要放置以下内容：

<style name="AppTheme.ActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
         ...
    <item name="actionMenuTextColor">@color/text_color</item>
         ...
</style>

将此主题应用于工具栏视图，如下所示：

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   android:id="@+id/main_toolbar"
   android:layout_width="match_parent"
   android:layout_height="?attr/actionBarSize"
   android:background="?attr/colorPrimary"
   android:layout_gravity="top"
   app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
   android:theme="@style/AppTheme.ActionBar"/>

android:theme="@style/AppTheme.ActionBar" 不要忘记在您的工具栏中包含此行

- koni

---

应用程序：主题已过时。 - hungryghost

app:popupTheme已经过时。 - Shanison

通过应用上述解决方案，毫无疑问它可以正常工作，但它也将导航抽屉图标更改为黑色。在定义新样式时，请扩展“AppTheme.AppBarOverlay”而不是“Theme.AppCompat.Light.DarkActionBar”。 这不仅会更改菜单项文本颜色，还会保持导航图标的默认颜色。 - Rohan Patel

Answer 2

在您的样式文件中，放置以下内容：

    <style name="MyAppTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:titleTextStyle">@style/MyActionBar.TitleTextStyle 
        <item name="android:actionMenuTextAppearance">@style/MyActionBar.MenuTextStyle</item>
        <item name="android:actionMenuTextColor">@color/action_bar_red</item>  
    </style>

    <style name="MyActionBar.TitleTextStyle"
        parent="android:style/TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">#F0F</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textSize">24dip</item>
    </style>

    <style name="MyActionBar.MenuTextStyle"
        parent="android:style/TextAppearance.Holo.Widget.ActionBar.Menu">
        <item name="android:textColor">#F0F</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textSize">24dip</item>
    </style>

您可以更改上面的样式项以满足您的要求。虽然我没有添加颜色的单独样式，但正如您所看到的，我只是将红色（我在我的颜色文件中声明的）分配给它。根据需要进行更改。

- Saurabh Rajpal

---

看起来这是针对Holo的。我正在使用新的棒棒糖工具栏。 - loeschg

Answer 3

对于我来说，这个方法奏效：设置 "android:textColor"。

<style name="AppTheme.ActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
        ...
        <!--This would set the menu item color-->
        <item name="android:textColor">#000</item>
        ...
 </style>

- ayz4sci

Answer 4

不确定是否可以通过样式设置特定背景来分离 MenuItem，但您可以为您的MenuItem设置setActionView。

首先创建一个名为item_av.xml的布局：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF0000"
    android:padding="5dp">
    <TextView
        android:text="LOGIN"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:textSize="12sp"
        android:gravity="center"/>
</LinearLayout>

在 onCreateOptionsMenu 中将其设置为您的 MenuItem：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);

    MenuItem item = menu.findItem(R.id.action_login);
    item.setActionView(R.layout.item_av);

    return true;
}

- Simas

---

我不是想设置背景，只是文本颜色。我会查看你的建议。 - loeschg

@loeschg 我的错。不过这样你可以直接设置TextView的文本颜色。 - Simas

哈哈，我知道。只是想澄清一下，以防这会改变解决方案（包括其他可能最终到达此处的人）。似乎有点荒谬，不能更改已经存在的文本颜色。请注意，使用此方法，您需要直接在视图上设置一个onClick监听器，而不是使用menuItemClickLIstener。 - loeschg

如何将新布局的onclick事件与onOptionsItemSelected关联？ - Srneczek

Answer 5

要更改菜单项文本颜色，请使用以下代码

<style name="AppToolbar" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:itemTextAppearance">@style/menu_item_color</item>
</style>

where

<style name="menu_item_color">
<item name="android:textColor">@color/app_font_color</item>
</style>

- Muhammad Abdullah

Answer 6

您可以通过编程的方式来实现，就像这样：

您可以这样做：

private AppCompatButton menuTextView; 

void initToolbar(){
    toolbar.inflateMenu(R.menu.your_menu);
    menuTextView = AppCompatButton(context);
    menuTextView.setTextColor(ContextCompat.getColor(
    getContext(), R.color.your_color));
    TypedValue outValue = new TypedValue();
    getContext().getTheme().resolveAttribute(
        R.attr.selectableItemBackgroundBorderless,
        outValue,
        true
    )
 toolbar.getMenu().getItem(0).setActionView(menuTextView);

- Aleksey Reyngardt