Android暗色模式下Drawable文件背景颜色无法切换问题如何解决？

你遇到的问题核心有两个：

1. shape中stroke的颜色使用了硬编码的十六进制色值，不会跟随系统暗色模式切换
2. 你引用的系统默认颜色资源@color/design_default_color_on_primary如果没有在你的项目主题中适配暗色模式，也不会自动切换

下面是两种可直接落地的修复方案：

方案一：适配自定义shape的颜色资源（推荐，改动最小） #

步骤1：创建分模式的颜色配置 #

在res目录下新建values-night文件夹，在其中新建colors.xml文件，和原有values/colors.xml对应定义相同名称的颜色：
values/colors.xml（亮色模式使用）：

<color name="edittext_box_bg">#FFFFFF</color>
<color name="edittext_box_stroke">#B1BCBE</color>

values-night/colors.xml（暗色模式使用）：

<color name="edittext_box_bg">#2C2C2C</color>
<color name="edittext_box_stroke">#6D6D6D</color>

你可以根据自己的设计需求调整两个模式下的具体色值。

步骤2：修改自定义shape代码 #

将你原有的shape drawable中的硬编码颜色替换为上面定义的适配颜色：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/edittext_box_bg"/>
    <stroke android:width="0dp" android:color="@color/edittext_box_stroke" />
    <corners android:radius="20dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

修改后系统会自动根据当前模式读取对应颜色值，无需额外代码处理。

方案二：使用CardView替代（解决布局错乱问题） #

你之前用CardView布局错乱是因为没有关闭CardView的默认兼容内边距，按如下配置即可和原有LinearLayout效果完全一致，不需要额外自定义shape drawable：

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginTop="10dp"
    android:layout_marginEnd="44dp"
    android:layout_marginStart="44dp"
    app:cardCornerRadius="20dp"
    app:cardBackgroundColor="@color/edittext_box_bg"
    app:cardElevation="10dp"
    app:cardUseCompatPadding="false"
    app:contentPadding="10dp">

    <!-- 内部的ImageView和EditText代码和之前完全一致 -->

</androidx.cardview.widget.CardView>

圆角、阴影、背景色都由CardView属性直接控制，自动适配对应模式的颜色。

额外注意事项 #

• 确保你的Activity主题继承了Theme.MaterialComponents.DayNight系列主题，不需要额外配置就能自动识别模式切换
• 如果你需要在切换暗色模式时实时刷新界面，可以在Activity中调用recreate()方法触发界面重绘

内容的提问来源于stack exchange，提问作者NuiDev