AppCompat v21 Dark ToolBar风格

时间:2014-10-23 15:18:41

标签: android material-design android-toolbar android-appcompat android-theme

我想让我的ToolBar充当ActionBar,我希望它看起来像一个带有暗动作条的灯光主题。我似乎无法找到合适的组合。

这就是我在styles.xml中的内容

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

    <item name="windowActionBar">false</item>

    <item name="colorPrimary">@color/my_awesome_color</item>
    <item name="android:textColorPrimary">@color/my_awesome_text_color</item>
    <item name="colorPrimaryDark">@color/my_awesome_darker_color</item>
    <item name="colorAccent">@color/accent</item>

</style> 

和我的工具栏

 <android.support.v7.widget.Toolbar
    android:id="@+id/my_awesome_toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize" />

目前我得到了这个

enter image description here

我想要的是菜单项也是白色的

是否有优雅的解决方案,还是我必须为每个工具栏的项目选择自定义样式?似乎应该有。

2 个答案:

答案 0 :(得分:61)

您可以在工具栏上使用以下主题使其显示为“#34; dark&#34;”。第一部分app:theme将工具栏上文本的颜色设置为主题。 app:popupTheme用于将溢出菜单指示符设置为浅色。

<android.support.v7.widget.Toolbar
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="@dimen/triple_height_toolbar"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

答案 1 :(得分:1)

我确定有点晚了,但要在你的主题中添加:

<item name="android:textColorSecondary">my_awesome_text_color</item>