使用材质样式（PrimarySurface）在暗模式下获取工具栏高程答案

【问题标题】：Getting toolBar elevation in dark mode with material styles (PrimarySurface)使用材质样式（PrimarySurface）在暗模式下获取工具栏高程
【发布时间】：2021-09-01 07:02:34
【问题描述】：

根据Material documents，您可以对工具栏和选项卡布局等组件使用“PrimarySurface”样式，以便在 Android 10 及更高版本的浅色模式和深色模式下在主色和 Surface 之间切换其背景颜色。这是我的样式 xml 文件。

<style name="AppTheme" parent="LightCustomFontStyle">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryVariant">@color/colorPrimaryDark</item>
    <item name="colorSecondary">@color/colorAccent</item>

    <item name="toolbarStyle">@style/toolbarStyle</item>

</style>


<style name="toolbarStyle" parent="Widget.MaterialComponents.Toolbar.PrimarySurface"/>

dark mode elevation 应该以较浅的颜色显示，但问题是 colorSurface 和 colorBackground 具有相同的值（#121212），因此在暗模式下，如果您同时使用这两者，您的工具栏将不会t 显示与您的活动相关的任何海拔高度。

它看起来像这样，但我需要它看起来像 Material 文档中的工具栏。设置工具栏的高度也不起作用。

是否有使用 Material 和 google 样式获取提升的工具栏（较浅的颜色），或者我应该手动设置较浅的颜色？

【问题讨论】：

标签： android android-styles material-components-android darkmode

【解决方案1】：

您可以查看doc：

在深色主题中，高程叠加层是半透明的白色 (colorOnSurface) 叠加层，概念上放置在表面颜色之上。

覆盖基于应用主题中定义的colorOnSurface。
您可以在应用主题中更改此颜色添加：

<item name="elevationOverlayColor">@color/...</item>

【讨论】：