如何根据深色/浅色主题切换调整界面元素显示样式

核心原理 #

Android系统支持通过资源限定符自动匹配当前系统模式加载对应资源，无需手动判断模式切换样式。

具体操作步骤 #

• 第一步：配置分模式的颜色资源
  在res目录下创建values-night文件夹（和默认的values文件夹平级），分别在两个目录的colors.xml中定义同名字段：
  • 浅色模式（values/colors.xml）：定义非深色模式下的边框颜色

    <color name="spinner_stroke_color">#000000</color>
    

  • 深色模式（values-night/colors.xml）：定义深色模式下的边框颜色

    <color name="spinner_stroke_color">#FFFFFF</color>
    

• 第二步：修改Spinner的drawable资源
  把你之前写的Spinner背景drawable中硬编码的边框色，替换为上面定义的颜色引用即可，示例如下：

  <!-- res/drawable/spinner_background.xml -->
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <!-- 引用动态颜色，不要硬编码色值 -->
      <stroke
          android:width="1dp"
          android:color="@color/spinner_stroke_color" />
      <corners android:radius="4dp" />
      <solid android:color="@android:color/transparent" />
  </shape>
  

• 第三步：确认应用主题配置
  确保你的应用主题继承自DayNight系列主题，才能触发系统自动匹配资源，示例主题配置：

  <!-- res/values/themes.xml -->
  <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
      <!-- 其他主题配置 -->
  </style>
  

特殊场景处理 #

如果明暗模式下Spinner的背景样式差异较大（不止修改边框色），可以直接创建drawable-night目录，把深色模式专用的drawable文件放入该目录，保证和默认drawable目录下的drawable文件名完全一致即可，系统会自动加载对应模式的drawable资源。

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