1

我试图理解为什么ActionBar在 Light vs Dark 主题中的风格不同。下面是一个简单的设置屏幕，可以在具有相同主题的浅色和深色主题之间切换。

在此处输入图像描述

值\themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Dark application theme. -->
    <style name="Theme.SettingsApplication" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="colorPrimary">@color/blue_normal</item>
        <item name="colorPrimaryVariant">@color/blue_dark</item>
        <item name="colorOnPrimary">@color/white</item>
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <item name="colorSurface">@color/red</item>
        <item name="colorOnSurface">@color/green</item>
    </style>
</resources>

值夜\themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Dark application theme. -->
    <style name="Theme.SettingsApplication" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="colorPrimary">@color/blue_normal</item>
        <item name="colorPrimaryVariant">@color/blue_dark</item>
        <item name="colorOnPrimary">@color/white</item>
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <item name="colorSurface">@color/red</item>
        <item name="colorOnSurface">@color/green</item>
    </style>
</resources>

值\colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="blue_normal">#FF3F7FBF</color>
    <color name="blue_dark">#FF2F6090</color>
    <color name="white">#FFFFFFFF</color>
    <color name="red">#FF0000</color>
    <color name="green">#00FF00</color>
</resources>

在 Light them 中，ActionBar出现蓝色和白色，表明它正在使用colorPrimaryand colorOnPrimary。在 Dark 主题中，它显示为红色和绿色，表明它正在使用colorSurfaceand colorOnSurface。为什么这些应用不同，我怎样才能在 上获得一致的颜色应用ActionBar？

4

1 回答 1

3

为什么这些应用不同

从文档中引用：

大表面不应使用明亮的背景颜色，因为它们会发出过多的亮度。适用时，Material 主题将提供这种开箱即用的行为，例如，将 Light 主题默认为Widget.MaterialComponents.AppBarLayout.Primary， Dark 主题默认为Widget.MaterialComponents.AppBarLayout.Surface。

因此，虽然浅色和深色主题的颜色相同，但Primary颜色是浅色模式下的首选颜色，而surface颜色适用于深色模式。

如何在 ActionBar 上获得一致的颜色应用？

这可以从以前的文档中得出结论..

所以，你只需要，必须values\themes.xml包含：

  1. colorPrimary&colorSurface具有相同的值
  2. colorOnPrimary&colorOnSurface具有相同的值

将此应用于您的示例

值\themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Dark application theme. -->
    <style name="Theme.SettingsApplication" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="colorPrimary">@color/blue_normal</item>
        <item name="colorOnPrimary">@color/white</item>
        
        <item name="colorSurface">@color/blue_normal</item>
        <item name="colorOnSurface">@color/white</item>
    </style>
</resources>

有关更多信息，请查看文档。

于 2021-01-11T21:12:57.267 回答