7

背景

我正在尝试为应用程序准备深色主题，其中一项要求是卡片和对话框具有特定颜色：#ff3c454c

问题

无论我是通过强制 ( app:cardBackgroundColor="#3c454c")、引用 ( app:cardBackgroundColor="@color/...) 还是仅在主题中设置它 - 在所有情况下我都没有得到我设置的颜色。相反，我得到了#525A61 的颜色。

我只测试了一种红色（#f00），以确保它会影响卡片，而且确实如此，而且对于这种颜色，它确实会很好。但是对于我设置的颜色，它没有。

我试过的

正如我所写，我尝试了多种方法来设置颜色。一开始我只想使用主题本身，所以我将其设置为：

样式.xml

    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        ...
        <item name="colorBackgroundFloating">@color/colorBackgroundFloating</item>
        <item name="colorSurface">@color/colorBackgroundFloating</item>
    </style>

res/values-night/colors.xml

    <color name="colorBackgroundFloating">#ff3c454c</color>

后来我尝试直接使用颜色，甚至将其设置为硬编码。显示时颜色仍然不正确。

看到这可能是库本身的错误，我在这里报告了这个（包括一个示例项目，如果你想检查它）。

我注意到 BottomNavigationView 和其他类似情况也出现了完全相同的问题。

问题

为什么会发生？有什么解决方法吗？可以为所有使用这些属性的视图全局修复它吗？

4

1 回答 1

9

您所看到的是他们引入的高程叠加层，以使高程在黑暗主题中更加明显，其中阴影不那么明显。您可以在这里阅读：https ://material.io/develop/android/theming/dark/在“高程叠加”部分

如果您不想要这种行为，简单的解决方案是将其添加到您的主题中。

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

您还可以通过更改 alpha 将其调整为另一种颜色甚至更微妙的叠加版本：

<item name="elevationOverlayColor">#80FFFFFF</item>

使用来自https://github.com/material-components/material-components-android/issues/1133的更多信息进行编辑

如果您只想为一个组件或小部件禁用它，您可以使用主题覆盖为其定义样式并在特定布局中使用它：

<style name="ThemeOverlay.MyApp.ElevationOverlayDisabled" parent="">
    <item name="elevationOverlayEnabled">false</item>
</style>

<style name="Widget.MyApp.CardView" parent="Widget.MaterialComponents.CardView">
    <item name="materialThemeOverlay">@style/ThemeOverlay.MyApp.ElevationOverlayDisabled</item>
</style>

如果您想为应用程序中的所有卡片禁用它但将其保留在其他组件中，您可以将该样式设置为材料卡片视图的默认样式：

# Set in your app theme
<item name="materialCardViewStyle">@style/Widget.MyApp.CardView</item>
于 2020-03-22T19:25:55.210 回答