如何不依赖外部库设置Vector背景色？适配明暗模式问题咨询

一、如何在深浅模式下修改Vector的填充色（解决白色背景问题） #

你遇到的白色背景问题，大概率是原Vector里的fillColor硬编码为白色，且tint的混合模式设置不当导致的。这里提供两个靠谱的解决方案：

• 方案1：用主题属性自动适配深浅模式
  把<path>的android:fillColor替换为系统主题属性，比如?attr/colorOnSurface或?attr/colorControlNormal（根据需求选择）。这些属性会自动跟随系统深浅模式切换对应颜色，无需额外处理tint：

  <vector xmlns:android="http://schemas.android.com/apk/res/android"
      android:width="24dp"
      android:height="24dp"
      android:viewportWidth="24.0"
      android:viewportHeight="24.0">
      <path
          android:fillColor="?attr/colorOnSurface"
          android:pathData="M20 .....4z"/>
  </vector>
  

  注意确保你的App主题继承自Theme.MaterialComponents或Theme.AppCompat，这类主题才包含上述属性。

• 方案2：通过Tint正确覆盖填充色
  如果你需要动态控制颜色，记得两个关键点：

  1. 将<path>的fillColor设为白色（@android:color/white），白色与tint的SRC_IN模式混合时，会完全显示tint的颜色；
  2. 使用AppCompatResources加载Drawable并设置tint和模式，或者在布局中用app:tint（兼容旧版本）：

  // 代码中动态设置
  val drawable = AppCompatResources.getDrawable(context, R.drawable.your_vector)
  drawable?.setTint(ContextCompat.getColor(context, R.color.your_target_color))
  drawable?.setTintMode(PorterDuff.Mode.SRC_IN)
  imageView.setImageDrawable(drawable)
  

  布局静态设置：

  <ImageView
      android:layout_width="24dp"
      android:layout_height="24dp"
      app:srcCompat="@drawable/your_vector"
      app:tint="?attr/colorOnSurface"/>
  

  之前你把fillColor设为透明后仍显示白色，可能是View本身背景为白色，或是tint模式未正确设置导致的。

二、关于fillPath的疑问（应该是fillColor笔误？） #

你提到的fillPath应该是笔误，VectorDrawable里没有这个属性，你指的应该是<path>的android:fillColor吧？它的作用是填充当前path图形的内部区域颜色——比如你的Vector是个图标，fillColor就是图标的主体颜色，并不是Vector的背景色。

三、不依赖外部库设置Vector的背景色 #

VectorDrawable本身没有单独的背景色属性，实现背景色可以用这两种方法：

• 方法1：给承载Vector的View设置背景
  最简单的方式是把Vector放在ImageView中，给ImageView设置android:background：

  <ImageView
      android:layout_width="40dp"
      android:layout_height="40dp"
      android:background="?attr/colorSurface"
      app:srcCompat="@drawable/your_vector"
      android:padding="8dp"/>
  

  这样背景色就是View的背景，Vector作为前景图标存在。

• 方法2：在Vector内部添加背景Path
  如果需要把背景和图标打包成一个Drawable，可以在Vector里添加一个覆盖整个viewport的矩形path作为背景（先定义的path在底层）：

  <vector xmlns:android="http://schemas.android.com/apk/res/android"
      android:width="24dp"
      android:height="24dp"
      android:viewportWidth="24.0"
      android:viewportHeight="24.0">
      <!-- 背景矩形，覆盖整个24x24视口 -->
      <path
          android:fillColor="?attr/colorSurface"
          android:pathData="M0,0h24v24h-24z"/>
      <!-- 原图标path -->
      <path
          android:fillColor="?attr/colorOnSurface"
          android:pathData="M20 .....4z"/>
  </vector>
  

  这样这个VectorDrawable就自带背景色，适配深浅模式同样用主题属性即可。

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