Android是否支持gradientTransform Android Studio导入SVG缺失该属性如何实现

Android Studio 自带的 SVG 转 Vector Asset 工具未实现对 gradientTransform 属性的兼容，导入矢量图时会直接忽略该属性，导致渐变的角度、缩放、位移效果丢失。以下是三种可行的实现方案：

方案1：手动修改生成的Vector Drawable（兼容性最优） #

Android 原生 Vector Drawable 支持通过属性直接配置渐变参数，可直接把 SVG 中的 gradientTransform 换算成对应属性值：

• 换算规则（针对gradientUnits="objectBoundingBox"场景）：
  • 渐变中心X：centerX = 原cx * scaleX + translateX
  • 渐变中心Y：centerY = 原cy * scaleY + translateY
  • 渐变半径：等比缩放场景下设置gradientRadius = 原r * max(scaleX, scaleY)即可；Android 12及以上支持不等比缩放，可分别设置gradientRadiusX = 原r * scaleX、gradientRadiusY = 原r * scaleY
• 你提供的示例换算后可用的Vector Drawable代码如下：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="1050dp"
    android:height="245dp"
    android:viewportWidth="1050"
    android:viewportHeight="245">
    <path
        android:strokeWidth="1"
        android:strokeColor="#707070"
        android:pathData="M0,0h1050v245H0z">
        <aapt:attr name="android:fillColor">
            <gradient
                android:type="radial"
                android:gradientRadius="428dp"
                android:centerX="500dp"
                android:centerY="140dp">
                <item android:color="#000" android:offset="0"/>
                <item android:color="#fff" android:offset="1"/>
            </gradient>
        </aapt:attr>
    </path>
</vector>

方案2：预处理SVG再导入 #

如果不想手动计算参数，可以先对SVG文件做预处理，把gradientTransform的效果直接合并到渐变的基础属性中，处理后的SVG再导入Android Studio就不会丢失效果：

• 从Figma、Sketch等设计工具导出SVG时，勾选「展开渐变变换」类选项，导出的SVG默认就不会携带gradientTransform属性
• 也可以用本地SVG优化工具自动处理变换属性，无需手动修改参数

方案3：自定义View绘制（效果最还原） #

如果需要兼容Android 7以下的低版本系统，且对渐变效果精度要求很高，可以直接在自定义View中绘制渐变，手动给渐变设置变换矩阵：

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    val contentPaint = Paint(Paint.ANTI_ALIAS_FLAG)
    // 创建基础径向渐变
    val radialGradient = RadialGradient(
        width * 0.5f, height * 0.5f, width * 1.658f,
        intArrayOf(Color.BLACK, Color.WHITE),
        floatArrayOf(0f, 1f),
        Shader.TileMode.CLAMP
    )
    // 应用原SVG中的gradientTransform变换效果
    val transformMatrix = Matrix()
    transformMatrix.postTranslate(width * 0.383f, height * 0.371f)
    transformMatrix.postScale(0.233f, 0.259f)
    radialGradient.setLocalMatrix(transformMatrix)
    contentPaint.shader = radialGradient
    // 绘制填充区域
    canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), contentPaint)
    // 绘制边框
    val strokePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.parseColor("#707070")
        style = Paint.Style.STROKE
        strokeWidth = 1f
    }
    canvas.drawRect(0.5f, 0.5f, width - 0.5f, height - 0.5f, strokePaint)
}

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