如何设置Appcompat-v7工具栏（如Theme.AppCompat.Light.DarkActionBar）的样式？

我正在尝试Theme.AppCompat.Light.DarkActionBar使用新的支持库工具栏重新创建外观。

如果我选择Theme.AppCompat.Light我的工具栏将是浅的，如果我选择Theme.AppCompat它将是黑暗的。（从技术上讲，您必须使用该.NoActionBar版本，但据我所知，唯一的区别是

<style name="Theme.AppCompat.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
</style>

现在没有了，Theme.AppCompat.Light.DarkActionBar但我天真地以为自己做一个就足够了

<style name="Theme.AppCompat.Light.DarkActionBar.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
</style>

但是与此有关，我的工具栏仍然是Light主题。我已经花了几个小时尝试混合Dark（基本）主题和Light主题的不同组合，但是我找不到一个可以使除工具栏之外的所有背景都具有浅色背景的组合。

有没有办法让AppCompat.Light.DarkActionBar外观与import android.support.v7.widget.Toolbar的一样？

建议为Light.DarkActionBar克隆的工具栏设置样式的推荐方法是Theme.AppCompat.Light.DarkActionbar用作父/应用程序主题，并在样式中添加以下属性以隐藏默认的ActionBar：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

然后将以下内容用作您的工具栏：

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.AppBarLayout>

对于进一步的修改，你会创建样式扩展ThemeOverlay.AppCompat.Dark.ActionBar和ThemeOverlay.AppCompat.Light内更换者AppBarLayout->android:theme和Toolbar->app:popupTheme。还要注意，?attr/colorPrimary如果您将其设置为主要样式，它将使您更加满意，因此您可能会获得不同的背景色。

您可以在带有Empty ActivityAndroid Studio（1.4+）的当前项目模板中找到一个很好的例子。

编辑：更新到appcompat-v7：22.1.1并使用AppCompatActivity代替ActionBarActivity我的styles.xml后，看起来像：

<style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>

注意：这意味着我正在使用Toolbar框架提供的（XML文件中未包含）。

这对我
有用：styles.xml文件：

<style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionBar">false</item>
    <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>

更新：Gabriele Mariotti博客的报价。

使用新的工具栏，您可以应用样式和主题。它们不一样！样式是工具栏视图的局部样式，例如背景色。相反，app：theme对于工具栏中所有ui元素都是全局的，例如标题和图标的颜色。

在花了很多时间解决这个问题后，这是我设法获得希望的外观的方式。我将其作为一个单独的答案，这样我可以将所有内容集中在一个地方。

这是多种因素的组合。

首先，不要试图让工具栏仅通过主题就可以很好地播放。似乎不可能。

因此，像在oRRs答案中一样，将主题明确地应用于您的工具栏

布局/toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:theme="@style/Dark.Overlay"
    app:popupTheme="@style/Dark.Overlay.LightPopup" />

但这是神奇的调味料。为了真正获得背景色，我希望您必须覆盖background工具栏主题中的属性

values / styles.xml：

<!-- 
    I expected android:colorBackground to be what I was looking for but
    it seems you have to override android:background
-->
<style name="Dark.Overlay" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">?attr/colorPrimary</item>
</style>

<style name="Dark.Overlay.LightPopup" parent="ThemeOverlay.AppCompat.Light">
    <item name="android:background">@color/material_grey_200</item>
</style>

然后将您的工具栏布局包括在其他布局中

<include android:id="@+id/mytoolbar" layout="@layout/toolbar" />

而且你很好。

希望这对其他人有帮助，这样您就不必像我一样花很多时间了。

（如果有人能弄清楚如何仅使用主题来完成这项工作，即不必在布局文件中显式应用主题，那么我会很乐意支持他们的回答）

编辑：

因此，发布一个更完整的答案显然是不明智的选择，所以我只接受上述不完整的答案，但在此保留此答案，以防有人真正需要它。如果让您满意的话，请随时继续投票。

我发现做到这一点的最干净的方法是创建' ThemeOverlay.AppCompat.Dark.ActionBar ' 的子级。在示例中，我将工具栏的背景色设置为红色，文本的颜色设置为蓝色。

<style name="MyToolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">#FF0000</item>
    <item name="android:textColorPrimary">#0000FF</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:layout_height="wrap_content"
    android:layout_width="match_parent"
    app:theme="@style/MyToolbar"
    android:minHeight="?attr/actionBarSize"/>

要自定义工具栏样式，首先要创建工具栏自定义样式继承Widget.AppCompat.Toolbar，覆盖的属性，然后，如下所示添加到自定义应用程序的主题，请参阅http://www.zoftino.com/android-toolbar-tutorial为更多信息工具栏和样式。

   <style name="MyAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="toolbarStyle">@style/MyToolBarStyle</item>
    </style>
    <style name="MyToolBarStyle" parent="Widget.AppCompat.Toolbar">
        <item name="android:background">#80deea</item>
        <item name="titleTextAppearance">@style/MyTitleTextAppearance</item>
        <item name="subtitleTextAppearance">@style/MySubTitleTextAppearance</item>
    </style>
    <style name="MyTitleTextAppearance" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">35dp</item>
        <item name="android:textColor">#ff3d00</item>
    </style>
    <style name="MySubTitleTextAppearance" parent="TextAppearance.Widget.AppCompat.Toolbar.Subtitle">
        <item name="android:textSize">30dp</item>
        <item name="android:textColor">#1976d2</item>
    </style>

您可以在下面尝试。

<style name="MyToolbar" parent="Widget.AppCompat.Toolbar">
    <!-- your code here -->
</style>

您可以在https://developer.android.com/reference/android/support/v7/appcompat/R.styleable.html#Toolbar中找到详细元素

这里有更多一些：TextAppearance.Widget.AppCompat.Toolbar.Title，TextAppearance.Widget.AppCompat.Toolbar.Subtitle，Widget.AppCompat.Toolbar.Button.Navigation。

希望这可以帮到你。

与Arnav Rao相似，但父代不同：

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

    <item name="toolbarStyle">@style/MyToolbar</item>
</style>

<style name="MyToolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">#ff0000</item>
</style>

通过这种方法，工具栏的外观完全由应用程序样式定义，因此您无需在每个工具栏上放置任何样式。