为什么我为 cardBackgroundColor 设置的颜色不完全是显示的颜色？

Question

背景

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

问题

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

我只测试了一种红色 (#f00) 只是为了确定它会影响卡，确实如此，对于这种颜色，它确实没问题。但是对于我设置的颜色，它没有。

我试过的

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

样式文件

    <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 和其他类似的情况可能会发生完全相同的问题。

问题

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

Answer 1

您所看到的是他们引入的高程叠加层，使高程在黑暗主题中更加明显，其中阴影不那么明显。您可以在此处阅读：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>