如何设置自定义ActionBar颜色/样式？

Question

我在项目中使用Android Navigation bar，我想将操作栏中的顶部颜色更改为红色，该怎么办？我有这样的东西，

而且我想要这样的东西，

我该如何实现？

Answer 1

您可以通过创建自定义样式来定义ActionBar（和其他内容）的颜色：

只需编辑您的Android项目的res / values / styles.xml文件。

例如这样：

<resources>
    <style name="MyCustomTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:actionBarStyle">@style/MyActionBarTheme</item>
    </style>

    <style name="MyActionBarTheme" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:background">ANY_HEX_COLOR_CODE</item>
    </style>
</resources>

然后将“ MyCustomTheme”设置为包含ActionBar的Activity的主题。

您还可以像这样设置ActionBar的颜色：

ActionBar actionBar = getActionBar();
actionBar.setBackgroundDrawable(new ColorDrawable(Color.RED)); // set your desired color

从这里拍摄：How do I change the background color of the ActionBar of an ActionBarActivity using XML?

Answer 2

我可以使用titleTextColor更改ActionBar文本的颜色

Answer 3

[通常，Android OS利用“主题”来允许应用程序开发人员将一组通用的UI元素样式参数全局应用于整个Android应用程序，或者应用于单个Activity子类。

因此，存在三个主流的Android OS“系统主题”，在为3.0版及更高版本开发应用程序时，可以在Android Manifest XML文件中指定这些主题

我在这里指的是（APPCOMPAT）支持库：-所以这三个主题是1. AppCompat Light主题（（Theme.AppCompat.Light）

2. AppCompat深色主题（Theme.AppCompat），

3. 以及这两者之间的混合，AppCompat Light主题与Darker ActionBar。（Theme.AppCompat.Light.DarkActionBar）

AndroidManifest.xml并看到标记，android主题被提及为：-android：theme =“ @ style / AppTheme”

打开Styles.xml，并在其中声明了基本的应用程序主题：-

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  </style>

我们需要覆盖这些父主题元素来设置操作栏的样式。

具有不同颜色背景的ActionBar：-

为此，我们需要创建一个新样式MyActionBar（您可以提供任何名称），并在其父引用中引用@ style / Widget.AppCompat.Light.ActionBar.Solid.Inverse，其中包含Android ActionBar UI元素。因此定义为

<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="background">@color/red</item>
</style>

而且我们需要在AppTheme中引用此定义，指向重写的ActionBar样式为-

@ style / MyActionBar

更改标题栏文本颜色（例如，黑到白）：-

现在要更改标题文本的颜色，我们需要覆盖父引用parent =“ @ style / TextAppearance.AppCompat.Widget.ActionBar.Title”>] >>

因此样式定义为

<style name="MyActionBarTitle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
    <item name="android:textColor">@color/white</item>
</style>
我们将在MyActionBar样式定义

中引用此样式定义，因为TitleTextStyle修改是ActionBar父OS UI元素的子元素。因此，MyActionBar样式元素的最终定义将是

<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="background">@color/red</item>
    <item name="titleTextStyle">@style/MyActionBarTitle</item>
</style>
所以这是最终的Styles.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <!-- This is the styling for action bar -->
        <item name="actionBarStyle">@style/MyActionBar</item>
    </style>

    <style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <item name="background">@color/red</item>
        <item name="titleTextStyle">@style/MyActionBarTitle</item>
    </style>

    <style name="MyActionBarTitle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@color/white</item>
    </style>
</resources>
有关ActionBar选项菜单样式的更多信息，请参考this link

Answer 4

仅适用于Android 3.0及更高版本

Answer 5

您可以通过以下方式更改操作栏颜色：

Answer 6

另一种制造可能性。

Answer 7

自定义颜色：

Answer 8

当我使用上述AppCompatActivity时，答案对我没有用。但是以下解决方案有效：

Answer 9

在style.xml中添加此代码

Answer 10

使用此-http://jgilfelt.github.io/android-actionbarstylegenerator/