Android中如何将SVG字符串加载到ImageView中？

步骤1：准备依赖 #

如果需要支持更多SVG特性，推荐使用第三方解析库，在项目的build.gradle(Module)中添加依赖：

implementation 'com.caverock:androidsvg-aar:1.4'
implementation 'androidx.appcompat:appcompat:1.6.1'

步骤2：清理SVG字符串 #

你提供的SVG字符串包含HTML转义字符和首尾多余引号，需先处理成标准SVG格式：

• 移除字符串首尾的包裹引号
• 将所有"替换为"

步骤3：实现加载逻辑 #

以下是可直接调用的加载代码，支持Kotlin和Java两种语言：

Kotlin 实现

import android.graphics.Picture
import android.graphics.drawable.PictureDrawable
import android.widget.ImageView
import com.caverock.androidsvg.SVG

fun loadSvgToImageView(rawSvg: String, imageView: ImageView) {
    // 清理SVG字符串
    val cleanedSvg = rawSvg.removeSurrounding("\"").replace(""", "\"")
    try {
        // 解析SVG并转换为Drawable
        val svg = SVG.getFromString(cleanedSvg)
        val picture = svg.renderToPicture()
        val drawable = PictureDrawable(picture)
        // 设置到ImageView
        imageView.setImageDrawable(drawable)
    } catch (e: Exception) {
        e.printStackTrace()
        // 加载失败时可设置占位图
        // imageView.setImageResource(R.drawable.placeholder)
    }
}

Java 实现

import android.graphics.Picture;
import android.graphics.drawable.PictureDrawable;
import android.widget.ImageView;
import com.caverock.androidsvg.SVG;

public class SvgLoader {
    public static void loadSvgToImageView(String rawSvg, ImageView imageView) {
        // 清理SVG字符串
        String cleanedSvg = rawSvg.replaceAll("^\"|\"$", "").replace(""", "\"");
        try {
            // 解析SVG并转换为Drawable
            SVG svg = SVG.getFromString(cleanedSvg);
            Picture picture = svg.renderToPicture();
            PictureDrawable drawable = new PictureDrawable(picture);
            // 设置到ImageView
            imageView.setImageDrawable(drawable);
        } catch (Exception e) {
            e.printStackTrace();
            // 加载失败时设置占位图
            // imageView.setImageResource(R.drawable.placeholder);
        }
    }
}

注意事项 #

• 确保SVG内容语法正确，解析失败会抛出异常，需做好异常处理
• 原生VectorDrawable仅支持有限SVG特性，复杂图形推荐使用androidsvg库
• 可通过ImageView的scaleType属性控制SVG的显示缩放方式

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