android - 如何用我的主题指定黑暗 Action 模式

Question

我知道有几个关于操作栏的上下文操作栏 (ActionMode) 样式的问题，但它们似乎并没有完全解决我所追求的问题。

我正在使用带有浅色主题和深色操作栏的工具栏。工具栏看起来像我想要的，但操作模式看起来像常规的深色主题。我需要改变我的风格什么才能获得黑暗主题的 Action 模式(不仅仅是 Action 栏)？看来我应该能够通过点击 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>

Toolbar布局文件(这里设置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 继承。问题是应用程序的其余部分变黑了，这是我不想要的。

Answer 1

从覆盖基本主题中的属性 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>

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

剩下的就是溢出按钮。启动任何支持颜色替换的图像编辑软件。使用 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 文件。阅读源代码也有帮助 - 您将了解正在使用的属性以及在哪里/是否可以自定义它们。

提及点:

I want to be able to extend a style to get the same behavior that's built into the dark theme.

是的，但这可能不是我们想要的。上面涉及修改溢出菜单图标的部分可以替换为覆盖的 colorControlNormal 属性。 TintManager ( Link ) 使用来自 colorControlNormal 的颜色值来为溢出菜单可绘制对象(以及其他可绘制对象)着色。查看源代码中数组 TINT_COLOR_CONTROL_NORMAL 的内容。但是重写 colorControlNormal 来修复一个可绘制对象可能会使应用程序的整体外观和感觉变得更糟。