10

我知道有几个关于样式化操作栏的上下文操作栏 (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"/>

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

风格化的工具栏

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

我的动作模式

这是我希望 ActionMode 看起来的样子(我通过将样式更改为继承Theme.AppCompat而不是Theme.AppCompat.Light.DarkActionBar.

黑暗动作模式

4

4 回答 4

5

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>

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

剩下的是溢出按钮。启动任何支持颜色替换的图像编辑软件。使用 AppCompatres/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属性。TintManager( Link ) 使用颜色值colorControlNormal对溢出菜单可绘制对象(以及其他可绘制对象)进行着色。看一下TINT_COLOR_CONTROL_NORMAL源码中array的内容。但是覆盖colorControlNormal修复一个drawable可能会使应用程序的整体外观和感觉变得更糟。

于 2015-01-28T18:49:18.267 回答
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" />

您指定工具栏“样式”。我认为您缺少的是应用程序命名空间的“主题”属性,它将样式应用于工具栏及其所有子项。

编辑:这应该适用于您的具体情况

<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>
于 2015-01-23T20:36:14.957 回答
1

我只想补充 Vikram 的答案,特别是在动作模式下为溢出按钮和其他默认控件着色。

在动作模式下定义这些按钮颜色的“colorControlNormal”项必须放在动作栏主题中,而不是动作模式样式中。只有这样,它才会用于操作模式中的溢出、完成、关闭和返回按钮。

于 2015-05-05T11:12:08.447 回答
0

尝试使用

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

反而。

于 2015-09-13T11:50:15.153 回答