ActionBar文字颜色


288

如何更改ActionBar的文本颜色?我继承了Holo Light主题,可以更改ActionBar的背景,但是我不知道要进行调整以更改文本颜色的属性是什么。


好的,我可以使用android:textColorPrimary属性更改文本颜色,但是当ActionBar按钮上发生溢出时,它也可以更改显示的下拉菜单的文本颜色。任何想法如何更改这些下拉菜单/列表的颜色?


刚刚发布了对我有用的解决方案。看到这里stackoverflow.com/a/16175220/627827
spaceMonkey

Answers:


447

好的,我找到了一种更好的方法。我现在只能更改标题的颜色。您还可以调整字幕。

这是我的styles.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <style name="MyTheme" parent="@android:style/Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/MyTheme.ActionBarStyle</item>
  </style>

  <style name="MyTheme.ActionBarStyle" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
  </style>

  <style name="MyTheme.ActionBar.TitleTextStyle" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
    <item name="android:textColor">@color/red</item>
  </style>
</resources>

32
这是正确的方法。但是,为了保持一致性,您应该从Widget.Holo.Light.ActionBarfor 继承MyTheme.ActionBarStyle
杰克·沃顿

7
无法构建-ADT抱怨它要求v13或更高版本(因此...不适用于大多数Android手机:()
Adam

8
@Adam我有同样的问题,但是下一个答案对我有用-代替parent =“ @ android:style / TextAppearance.Holo.Widget.ActionBar.Title”使用parent =“ @ android:style / TextAppearance”
bkurzius

8
如果使用的是Appcompat库,请用AppCompat替换Holo。它有效
2013年

3
@LOG_TAG使用Widget.AppCompat.Light.ActionBar

97

我发现了一种可以与ActionBarSherlockCompatNative)的任何样式配合使用的方法:

只需使用html设置标题,然后指定文本颜色即可。例如,要将ActionBar文本颜色设置为红色,只需执行以下操作:

getActionBar()/* or getSupportActionBar() */.setTitle(Html.fromHtml("<font color=\"red\">" + getString(R.string.app_name) + "</font>"));

您也可以使用红色十六进制代码#FF0000代替单词red。如果您对此有疑问,请参阅Android Html.fromHtml(String)不适用于<font color ='#'> text </ font>


此外,如果要使用颜色资源,则可以使用以下代码获取正确的十六进制字符串,并在需要时删除字母(字体标签不支持字母):

int orange = getResources().getColor(R.color.orange);
String htmlColor = String.format(Locale.US, "#%06X", (0xFFFFFF & Color.argb(0, Color.red(orange), Color.green(orange), Color.blue(orange))));

这会导致错误,因为您必须在方法Html.fromHtml()中放置一个字符串,并且要在该方法中放置多个参数。当用“ +”替换“,”时,这很完美:-)。
pinyin_samu 2013年

3
经过数十年的搜索,这是最简单的解决方案!做得好!
bmkay 2013年

2
@MSI,您也可以使用十六进制值,只需替换red为即可" + color + "
2014年

1
@MSI,您可以尝试这篇文章的建议吗(也更新了我的问题)?只需替换#FF0000"+color+"
Phil

1
谢谢菲尔。工作完美!我以这种方式尝试过:getSupportActionBar()。setTitle(Html.fromHtml(“ <​​font color ='” + color +“'>” +“ Home” +“ </ font>”)));; 只需使用'代替\。
MSIslam 2014年

93

我遇到了与您相同的问题,这是一个Holo.Light主题,但我想设置ActionBar颜色的样式,因此我还需要更改文本颜色以及标题和菜单。因此,最后我转到git hub并查看了源代码,直到找到了该死的正确样式:

<?xml version="1.0" encoding="utf-8"?>
<!-- For honeycomb and up -->
<resources>

    <style name="myTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:actionBarStyle">@style/myTheme.ActionBar</item>
        <item name="android:actionMenuTextColor">@color/actionBarText</item>
    </style>

    <style name="myTheme.ActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:background">@drawable/actionbarbground</item>
        <item name="android:titleTextStyle">@style/myTheme.ActionBar.Text</item>
    </style>

    <style name="myTheme.ActionBar.Text" parent="@android:style/TextAppearance">
        <item name="android:textColor">@color/actionBarText</item>
    </style>

</resources>

所以现在你需要做的就是设置任何@color/actionBarText@drawable/actionbarbground你想要的!


我必须在哪里使用此xml?值或值-v11或值v-14?
DroidLearner 2013年

答案是从2012年2月开始的,当时还没有V14。所以肯定是V11。
Budius

在3.0以下,系统没有actionBar。
Budius

我正在使用Action Bar Sherlock,并且找到了解决方案。谢谢:)
DroidLearner 2013年

3
对于actionbar sherlock,您必须使用actionbar特定的名称,并且可以使用此生成器:jgilfelt.github.com/android-actionbarstylegenerator我们总是在工作的地方使用它。非常好
Budius

67

无法直接使用ActionBar ID,因此您必须在此处进行一些改动。

int actionBarTitleId = Resources.getSystem().getIdentifier("action_bar_title", "id", "android");
if (actionBarTitleId > 0) {
    TextView title = (TextView) findViewById(actionBarTitleId);
    if (title != null) {
        title.setTextColor(Color.RED);
    }
}

1
NullPointerException在这条线上actionBarTextView.setTextColor(Color.RED);
DroidLearner 2013年

3
如果您正在运行的API级别<11,那么ActionBarSherlock希望为自己节省一个昂贵的调用getIndentifier(),您可以先查找(TextView) findViewById(com.actionbarsherlock.R.id.abs__action_bar_title);(请确保它不为null)。
Andre

实际上,在我的情况下,“ ActionBar ID不直接可用”工具栏很容易访问,例如Toolbar toolbar = findViewById(R.id.toolbar);在xml布局文件中它被com.google.android.material.appbar.AppBarLayout元素包围的位置,然后toolbar.setTitleTextColor( getResources().getColor( R.color.colorViolet ) );
YoussefDir

32

这是一个古老的话题,但是对于将来的读者来说,使用工具栏使一切变得非常容易:

Toolbar toolbar = (Toolbar) findViewById(R.id.tool_bar);
toolbar.setTitle(R.string.app_name);
toolbar.setTitleTextColor(getResources().getColor(R.color.someColor));
setSupportActionBar(toolbar);


28

将其添加到操作栏的根。我有这个问题。

<style name="ActionBar" parent="@style/Theme.AppCompat.Light">
    <item name="actionBarStyle">@style/Widget.Styled.ActionBar</item>
    <item name="actionMenuTextColor">@color/stdDarkBlueText</item>
</style>

<style name="Widget.Styled.ActionBar" parent="@style/Widget.AppCompat.Light.ActionBar">
    <item name="titleTextStyle">@style/ActionBarTitleText</item>
    <item name="subtitleTextStyle">@style/ActionBarSubTitleText</item>
</style>

<style name="ActionBarTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
    <item name="android:textColor">@color/stdDarkBlueText</item>
    <item name="android:textSize">12sp</item>
</style>

<style name="ActionBarSubTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Subtitle">
    <item name="android:textColor">@color/stdDarkBlueText</item>
    <item name="android:textSize">12sp</item>
</style>

actionMenuTextColor-更改操作栏文本的文本颜色,当它成为的一部分时从未起作用Widget.Styled.ActionBar,因此我不得不将其添加到根目录中。其他2个属性可更改操作栏的标题和副标题。


使用“ android:actionMenuTextColor”代替“ actionMenuTextColor”。:)
AnkitRox

20

在SDK v21 +中的Material主题上,无法在操作栏上设置HTML字符串

如果要更改它,则应在style.xml中设置主要文本颜色

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="android:Theme.Material.Light">
        <!-- Customize your theme here. -->
        <item name="android:textColorPrimary">@color/actionbar-text-color</item>
    </style>
</resources>    

1
这将更改应用程序中各处的主要文本颜色!
穆罕默德

16

最简单的方法是在styles.xml中执行此操作。

Google的模板styles.xml当前生成以下内容:

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

如图所示,如果在结束标记之前再添加一行,则会将文本颜色更改为Dark ActionBar时的颜色:

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionBarTheme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>

如果要自定义其他颜色,则可以在colors.xml中指定自己的颜色,甚至可以使用android:textColorPrimary属性使用Android中的内置颜色:

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionBarTheme">@style/AppTheme.AppBarOverlay</item>
</style>


<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:textColorPrimary">@android:color/darker_gray</item>
</style>

注意:这将更改标题的颜色,以及ActionBar中显示的任何MenuItems的标题。


12

如果您还想设置字幕样式,则只需以自定义样式添加字幕即可。

<item name="android:subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>

那些希望为AppCompat图书馆获得相同结果的人,这就是我所使用的:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="CustomActivityTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="actionBarStyle">@style/MyActionBar</item>
        <!-- other activity and action bar styles here -->
    </style>

    <!-- style for the action bar backgrounds -->
    <style name="MyActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="android:background">@drawable/actionbar_background</item>
        <item name="background">@drawable/actionbar_background</item>
        <item name="android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="android:subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
     </style>
    <style name="MyTheme.ActionBar.TitleTextStyle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@color/color_title</item>
      </style>
</resources>

我正在尝试使用浅色主题,深色动作栏和白色文本。到目前为止,您的代码是我发现的唯一对一切都没有影响的东西,但是它会使整个操作栏变成白色。知道会发生什么吗?是的,我知道这已经一年半了。:-)
nasch 2015年

这帮助我解决了我的问题。我只需要添加两者,<item name="android:titleTextStyle"> 并且 <item name="titleTextStyle">因为我正在使用appcompat支持库。
李李

标题
消失

8

找到了一种无需在API> = 21上创建自己的布局即可很好地完成此任务的方法。

它只会在操作栏中为文本着色并控制可绘制对象。

希望对某人有用。

<!--Material design primary colors-->
<style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="android:navigationBarColor">@color/primary_dark</item>
    <item name="actionBarTheme">@style/AppBaseTheme.Toolbar</item>
</style>

<!--Action bar-->
<style name="AppBaseTheme.Toolbar" parent="Widget.AppCompat.ActionBar.Solid">
    <item name="android:textColorPrimary">@color/action_bar_text</item>
    <item name="colorControlNormal">@color/action_bar_text</item>
</style>

7

不建议使用许多答案,因此我将更新线程并显示如何在ActionBar(工具栏)和ActionBar弹出菜单中更改文本颜色和背景色。

Android(截至2018年5月)中使用操作栏(工具栏)的最新方法是将主题与NoActionBar一起使用,而改用工具栏。

所以这是您需要的:

  1. 在活动(扩展了AppCompatActivity)中,声明工具栏:

    Toolbar myToolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(myToolbar);
  2. 在活动的布局xml中添加工具栏。在这里,我们将设置自定义(覆盖主题),note android:theme="@style/ThemeOverlay.AppTheme.ActionBar"app:popupTheme="@style/ThemeOverlay.AppTheme.PopupMenu",它们将完成任务。

    <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppTheme.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppTheme.PopupMenu"
    app:layout_constraintTop_toTopOf="parent" />
  3. 在styles.xml中,您将必须覆盖这两种样式以设置自定义颜色:

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionBarTheme">@style/ThemeOverlay.AppTheme.ActionBar</item>
    <item name="actionBarPopupTheme">@style/ThemeOverlay.AppTheme.PopupMenu</item>
    </style>
    
    <style name="ThemeOverlay.AppTheme.ActionBar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:textColorPrimary">@color/action_bar_text_color</item>
    <item name="android:background">@color/action_bar_bg_color</item>
    </style>
    
    <style name="ThemeOverlay.AppTheme.PopupMenu" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">@color/popup_bg_color</item>
    <item name="android:textColorPrimary">@color/popup_text_color</item>
    </style>

就是这样

ps,如果你问我,我会说:是的,这整个主题都是一团糟。


5

这是我检查所有答案后使用的解决方案

<!-- Base application theme. -->
<style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorAccent">@color/Button_color</item>
    <item name="android:editTextStyle">@style/EditTextStyle</item>
    <item name="android:typeface">monospace</item>
    <item name="android:windowActionBar">true</item>
    <item name="colorPrimary">@color/Title_Bar_Color</item>
    <item name="android:actionBarStyle">@style/Widget.Styled.ActionBar</item>
    <item name="actionBarStyle">@style/Widget.Styled.ActionBar</item>

</style>

<style name="EditTextStyle" parent="Widget.AppCompat.EditText"/>

<style name="Widget.Styled.ActionBar" parent="@style/Widget.AppCompat.Light.ActionBar">
    <item name="titleTextStyle">@style/ActionBarTitleText</item>
    <item name="android:background">@color/Title_Bar_Color</item>
    <item name="background">@color/Title_Bar_Color</item>
    <item name="subtitleTextStyle">@style/ActionBarSubTitleText</item>
</style>

<style name="ActionBarTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
    <item name="android:textColor">@color/solid_white</item>
    <item name="android:textSize">12sp</item>
</style>

<style name="ActionBarSubTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Subtitle">
    <item name="android:textColor">@color/solid_white</item>
    <item name="android:textSize">12sp</item>
</style>

更改所需的颜色即可使用


4

此功能运作良好

private void setActionbarTextColor(ActionBar actBar, int color) {

    String title = actBar.getTitle().toString();
    Spannable spannablerTitle = new SpannableString(title);
    spannablerTitle.setSpan(new ForegroundColorSpan(color), 0, spannablerTitle.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    actBar.setTitle(spannablerTitle);

}

然后使用它只需将其输入您的操作栏和新颜色即可

ActionBar actionBar = getActionBar();    // Or getSupportActionBar() if using appCompat
int red = Color.RED
setActionbarTextColor(actionBar, red);

4

尝试将其添加到您活动的onCreate中。适用于几乎所有的Android版本。

 actionBar.setTitle(Html.fromHtml("<font color='#ffff00'>Your Title</font>"));  

要么

getSupportActionBar().setTitle(Html.fromHtml("<font color='#ffff00'>Your Title</font>"));

您应该输入这样的字符串:String ColoredTitle =“ <font color ='#FFFFFF'>” + Your_Title +“ </ font>”; Html.fromHtml(coloredTitle);
Tincho825

2

尝试很多方法,在低版本的API中,可行的方法是<item name="actionMenuTextColor">@color/your_color</item>不要使用Android名称空间,希望可以为您提供帮助

ps:

  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionMenuTextColor">@color/actionMenuTextColor</item>
</style>



0

这不是推荐的解决方案,因为我将在此处使用android api,但是由于我的应用程序需要在此处无法在xml条件下动态更改主题,因此我需要这样做。但是此解决方案非常有效。

解: -

 /**
 * 
 * @author Kailash Dabhi
 * @email kailash09dabhi@gmail.com
 *
 */ 
 public static void setActionbarTextColor(Activity activity, int color) {
    Field mActionViewField;
    try {
        mActionViewField = activity.getActionBar().getClass()
                .getDeclaredField("mActionView");
        mActionViewField.setAccessible(true);
        Object mActionViewObj = mActionViewField.get(activity
                .getActionBar());

        Field mTitleViewField = mActionViewObj.getClass().getDeclaredField(
                "mTitleView");
        mTitleViewField.setAccessible(true);
        Object mTitleViewObj = mTitleViewField.get(mActionViewObj);

        TextView mActionBarTitle = (TextView) mTitleViewObj;
        mActionBarTitle.setTextColor(color);
        // Log.i("field", mActionViewObj.getClass().getName());
    } catch (NoSuchFieldException e) {
        e.printStackTrace();
    } catch (IllegalAccessException e) {
        e.printStackTrace();
    } catch (IllegalArgumentException e) {
        e.printStackTrace();
    }

}

0

对于Android 5(棒棒糖),您将必须使用android:actionBarPopupTheme设置溢出菜单的textColor


0

最简单的方法是:
将这两行添加到您的styles.xml文件中

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
...
<item name="android:textColorSecondary">@color/white</item>
<item name="android:textColor">@color/white</item>
</style>

用您的颜色替换颜色。


-1

您可以直接在文件中使用html <font>属性来更改任何文本的颜色xml。例如strings.xml

<resources>
    <string name = "app_name">
        <html><font color="#001aff">Multi</font></html>
        <html><font color="#ff0044">color</font></html>
        <html><font color="#e9c309">Text </font></html>
    </string>
</resources>

在此处输入图片说明

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.