如何用我的主题指定黑暗动作模式

时间:2015-01-23 20:24:39

标签: android android-actionbar android-toolbar android-actionmode

我知道有关于设置操作栏的上下文操作栏(ActionMode)部分的几个问题,但它们似乎并不能解决我所追求的问题。

我正在使用带有浅色主题和黑暗操作栏的工具栏。工具栏看起来像我想要的,但动作模式看起来像常规的黑暗主题。我需要改变自己的风格以获得黑暗主题动作模式(不仅仅是动作栏)?似乎我应该能够通过点击Theme.AppCompat来快速完成此操作,因为这显示了CAB我想要的方式,但我不希望应用程序的其余部分变暗。

我只关心API 14+并使用支持工具栏代替操作栏。

这是我的基本风格

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="android:actionModeBackground">@color/colorActionMode</item>
    <item name="android:windowActionModeOverlay">true</item>
</style>

工具栏样式

<style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:textColorPrimary">@color/abc_primary_text_material_dark</item>
    <item name="actionMenuTextColor">@color/abc_primary_text_material_dark</item>
    <item name="android:textColorSecondary">@color/abc_primary_text_material_dark</item>
    <item name="android:background">@color/colorPrimaryDark</item>
</style>

工具栏布局文件(此处设置popupTheme似乎没有任何效果)。

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?android:attr/actionBarSize"
    app:theme="@style/AppTheme.Toolbar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
    android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
    android:elevation="2dp"
    android:focusable="false"/>

这是我的工具栏(这就是我想要的)

styled toolbar

这是我的ActionMode(我需要反转)

my action mode

这就是我希望ActionMode看起来的样子(我通过改变我的样式来继承Theme.AppCompat而不是Theme.AppCompat.Light.DarkActionBar。问题是应用程序的其余部分变暗了,我不想要。

dark action mode

3 个答案:

答案 0 :(得分:4)

首先覆盖基本主题中的属性actionModeStyle

<item name="actionModeStyle">@style/LStyled.ActionMode</item>

LStyled.ActionMode定义为:

<style name="LStyled.ActionMode" parent="@style/Widget.AppCompat.ActionMode">
    <item name="titleTextStyle">@style/LStyled.ActionMode.Title</item>
    <item name="subtitleTextStyle">@style/LStyled.ActionMode.Subtitle</item>
</style>

最后:

<style name="LStyled.ActionMode.Title" parent="@style/TextAppearance.AppCompat.Widget.ActionMode.Title">
    <item name="android:textColor">@color/color_action_mode_text</item>
</style>

<style name="LStyled.ActionMode.Subtitle" parent="@style/TextAppearance.AppCompat.Widget.ActionMode.Subtitle">
    <item name="android:textColor">@color/color_action_mode_text</item>
</style>

这将覆盖标题&amp;的主题指定文本颜色。副标题(如果需要)。

剩下的是溢出按钮。启动任何支持颜色替换的图像编辑软件。使用AppCompat的res/drawable-XXXX文件夹中的溢出菜单png。把它漆成白色。接下来,覆盖基本主题中的actionOverflowButtonStyle并指定您刚刚修改过的png:

<item name="actionOverflowButtonStyle">@style/LStyled.OverFlow</item>

<style name="LStyled.OverFlow" parent="@style/Widget.AppCompat.ActionButton.Overflow">
    <item name="android:src">@drawable/modified_overflow_icon</item>
</style>

关于主题的自定义,我可以提供的解释/教程不多。获得它的唯一方法是从框架中查看[styles] [themes] .xml文件。阅读源代码也有帮助 - 您将了解正在使用的属性以及可以自定义的位置。

提及:

  

我希望能够扩展样式以获得相同的行为   内置于黑暗主题中。

是的,但这可能不合适。处理修改溢出菜单图标的上述部分可以用重写的colorControlNormal属性替换。 TintManagerLink)使用colorControlNormal中的颜色值来设置溢出菜单drawable(以及其他drawable)。看一下源代码中数组TINT_COLOR_CONTROL_NORMAL的内容。但是,重写colorControlNormal以修复一个可绘制的内容可能会改变整体外观和外观。感觉应用程序更糟糕。

答案 1 :(得分:2)

查看此博客文章,其中解释了如何将工具栏设置为黑暗的样式:

http://android-developers.blogspot.ie/2014/10/appcompat-v21-material-design-for-pre.html

<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" />

指定工具栏&#34;样式&#34;。我认为你缺少的是app namespace&#34; theme&#34;将样式应用于工具栏及其所有子项的属性。

编辑:这应该适用于您的特定情况

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="android:actionModeBackground">@color/colorActionMode</item>
    <item name="android:windowActionModeOverlay">true</item>
    <item name="android:windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
</style>
<style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:textColorPrimary">@color/abc_primary_text_material_dark</item>
    <item name="actionMenuTextColor">@color/abc_primary_text_material_dark</item>
    <item name="android:textColorSecondary">@color/abc_primary_text_material_dark</item>
    <item name="android:background">@color/colorPrimaryDark</item>
</style>

答案 2 :(得分:1)

我只想添加到Vikram的答案,特别是在操作模式中为溢出按钮和其他默认控件着色。

&#39; colorControlNormal&#39;在动作模式中定义这些按钮的颜色的项目必须放在操作栏主题中,而不是动作模式样式。只有这样才能用于动作模式中的溢出,完成,关闭和后退按钮。