Android中Glide加载SVG异常：文件生成但无法显示至ImageView

嘿，这个问题我之前也踩过坑！Glide默认是不支持SVG矢量图格式的，所以你用常规加载PNG的方式处理SVG，就算文件下载下来了，也没法正确解码显示到ImageView里。别担心，按下面的步骤操作就能搞定：

1. 添加Glide的SVG扩展依赖 #

首先要在项目中引入Glide专门处理SVG的扩展库，注意版本号要和你当前使用的Glide主版本完全一致，不然会出现兼容性问题。比如你用的Glide是4.15.1，那依赖就这么加：

// Glide主库
implementation 'com.github.bumptech.glide:glide:4.15.1'
annotationProcessor 'com.github.bumptech.glide:compiler:4.15.1'
// SVG扩展库
implementation 'com.github.bumptech.glide:svg:4.15.1'

2. 注册SVG解码器到Glide #

接下来需要创建一个自定义的AppGlideModule，把SVG的解码器和转换器注册到Glide中，让Glide知道如何处理SVG文件：

import android.content.Context;
import com.bumptech.glide.annotation.GlideModule;
import com.bumptech.glide.module.AppGlideModule;
import com.bumptech.glide.Registry;
import com.bumptech.glide.load.model.GlideUrl;
import com.caverock.androidsvg.SVG;
import com.bumptech.glide.load.resource.svg.SvgDrawableTranscoder;
import com.bumptech.glide.load.resource.svg.SvgDecoder;

@GlideModule
public class CustomGlideModule extends AppGlideModule {
    @Override
    public void registerComponents(Context context, com.bumptech.glide.Glide glide, Registry registry) {
        // 注册SVG的解码器和转换器
        registry.register(SVG.class, android.graphics.drawable.PictureDrawable.class, new SvgDrawableTranscoder())
                .append(GlideUrl.class, SVG.class, new SvgDecoder());
    }
}

写完之后记得Rebuild一下项目，让Glide的注解处理器生成对应的配置类。

3. 正确加载/显示SVG文件 #

情况一：直接加载并显示SVG（不提前下载） #

如果不需要提前下载，直接加载到ImageView，可以用这种方式：

Glide.with(context)
        .as(android.graphics.drawable.PictureDrawable.class)
        .load(location) // 这里可以是本地文件路径、远程URL等
        .into(new com.bumptech.glide.request.target.SimpleTarget<android.graphics.drawable.PictureDrawable>() {
            @Override
            public void onResourceReady(@NonNull android.graphics.drawable.PictureDrawable resource, 
                                       @Nullable com.bumptech.glide.request.transition.Transition<? super android.graphics.drawable.PictureDrawable> transition) {
                imageView.setImageDrawable(resource);
            }
        });

情况二：先下载SVG文件，再显示 #

如果你需要像之前那样先下载文件，再显示，那下载的时候就要指定加载类型为SVG.class，显示的时候再转成PictureDrawable：

// 第一步：下载SVG文件
File svgFile = Glide.with(context)
        .as(SVG.class)
        .load(location)
        .downloadOnly(1024, 1024)
        .get();

// 第二步：加载下载好的SVG文件到ImageView
Glide.with(context)
        .as(android.graphics.drawable.PictureDrawable.class)
        .load(svgFile)
        .into(new com.bumptech.glide.request.target.SimpleTarget<android.graphics.drawable.PictureDrawable>() {
            @Override
            public void onResourceReady(@NonNull android.graphics.drawable.PictureDrawable resource, 
                                       @Nullable com.bumptech.glide.request.transition.Transition<? super android.graphics.drawable.PictureDrawable> transition) {
                imageView.setImageDrawable(resource);
            }
        });

额外注意点 #

• 确保你的SVG文件本身是合法的，有些包含复杂外部引用或特殊元素的SVG可能无法正常解析，建议先测试简单的SVG文件验证功能。
• 如果是加载远程SVG，记得在AndroidManifest.xml中添加网络权限：<uses-permission android:name="android.permission.INTERNET" />

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