android:fillColor="?android:attr/colorPrimary"

<think>我们正在讨论Android中矢量图（Vector Drawable）的fillColor属性，特别是如何使用主题属性（如?android:attr/colorPrimary）来引用颜色。 根据引用[1]：矢量图形中填充和描边颜色的设置都支持@color资源的语法，例如： <path ... android:fillColor="@color/teal" ... /> 但用户想知道如何使用?android:attr/colorPrimary这种主题属性的方式。 实际上，在矢量图中，我们也可以使用主题属性（Theme Attributes）来设置颜色，这样矢量图的颜色就可以随着主题变化而变化。 使用语法：`?attr/` 或 `?android:attr/` 后跟属性名称。 例如，使用系统主题中的colorPrimary： android:fillColor="?android:attr/colorPrimary" 注意：在非Android系统资源的情况下（即应用自定义属性），我们使用`?attr/`（不带android前缀）。 作用： 这种方式允许矢量图的颜色与当前主题中定义的颜色保持一致。例如，如果应用有深色和浅色主题，并且colorPrimary在不同主题中定义不同的颜色，那么使用这种方式引用的矢量图颜色将自动切换。 示例： 1. 在res/drawable/目录下的一个矢量图XML文件中，可以这样写： <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24" android:viewportHeight="24"> <path android:fillColor="?android:attr/colorPrimary" android:pathData="M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z"/> </vector> 2. 在主题中定义colorPrimary（在styles.xml中）： <style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar"> <item name="colorPrimary">@color/purple_500</item> ... </style> 这样，当应用使用AppTheme时，该矢量图的填充色就会是purple_500。如果切换主题（比如深色主题中colorPrimary定义为蓝色），则矢量图颜色也会改变。 注意事项： - 在Android 5.0（API 21）及以上，矢量图才被支持。 - 使用主题属性在矢量图中，需要确保该属性在主题中已经被定义。 另外，引用[2]和引用[3]虽然提供了关于渐变和九宫格图片的信息，但与本问题关联不大，因此主要参考引用[1]。 因此，我们可以总结如下： 回答结构： 1. 解释作用 2. 语法说明 3. 示例代码（矢量图XML和主题定义） 4. 注意事项 同时，生成相关问题。</think>### Android `fillColor` 使用 `?android:attr/colorPrimary` 详解 #### 一、作用解析 `android:fillColor="?android:attr/colorPrimary"` 实现**动态主题适配**，作用包括： 1. **主题绑定** - 自动引用当前主题的 `colorPrimary` 值 - 深色/浅色模式切换时自动更新颜色[^1] 2. **资源解耦** - 避免硬编码颜色值 - 统一管理所有矢量图颜色 3. **多主题支持** - 不同主题可定义不同的 `colorPrimary` - 无需修改矢量图 XML 文件 #### 二、使用示例 ##### 1. 矢量图 XML 定义 ```xml <!-- res/drawable/ic_theme_icon.xml --> <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24" android:viewportHeight="24"> <path android:fillColor="?android:attr/colorPrimary" <!-- 关键代码 --> android:pathData="M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z"/> </vector> ``` ##### 2. 主题定义 (styles.xml) ```xml <style name="AppTheme.Light" parent="Theme.MaterialComponents.Light"> <item name="colorPrimary">@color/purple_500</item> <!-- 浅色主题主色 --> </style> <style name="AppTheme.Dark" parent="Theme.MaterialComponents"> <item name="colorPrimary">@color/teal_200</item> <!-- 深色主题主色 --> </style> ``` ##### 3. 布局中使用 ```xml <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/ic_theme_icon" /> <!-- 自动适配主题色 --> ``` #### 三、工作原理 1. **符号解析** `?` 表示引用**主题属性**而非具体颜色值 ```mermaid graph LR A[矢量图XML] --> B[?android:attr/colorPrimary] B --> C{当前主题} C --> D[Light主题-colorPrimary=紫色] C --> E[Dark主题-colorPrimary=青色] ``` 2. **渲染流程** ```mermaid sequenceDiagram 矢量图->>系统： 请求解析 ?android:attr/colorPrimary 系统->>当前主题： 查询 colorPrimary 值 当前主题-->>系统： 返回 #FF6200EE (示例) 系统-->>矢量图： 应用实际颜色 ``` #### 四、进阶用法 ##### 1. 动态修改颜色 ```kotlin // 获取当前主题色 val colorPrimary = Resources.Theme.resolveAttribute( android.R.attr.colorPrimary, TypedValue(), true ) // 修改矢量图颜色 val icon = AppCompatResources.getDrawable(context, R.drawable.ic_theme_icon) as VectorDrawable icon.setTint(colorPrimary.data) imageView.setImageDrawable(icon) ``` ##### 2. 自定义属性 ```xml <!-- res/values/attrs.xml --> <attr name="custom_icon_color" format="color" /> <!-- 矢量图中使用 --> <path android:fillColor="?attr/custom_icon_color" ... /> ``` #### 五、注意事项 1. **版本兼容** - Android 5.0+ (API 21) 原生支持矢量图 - 低版本需启用 `vectorDrawables.useSupportLibrary = true` 2. **主题继承** 确保自定义主题继承自 `Theme.MaterialComponents` 等包含 `colorPrimary` 的主题 3. **备选方案** 未定义主题属性时使用备用色： ```xml android:fillColor="?attr/colorPrimary|@color/default_color" ``` > 通过 `?android:attr/` 语法，可实现 **“一次定义，全局适配”** 的矢量图色彩管理[^1]。