Android开发：Picasso能否加载XML格式的SVG图片链接？

Picasso默认仅支持加载PNG、JPG等位图格式，你的链接虽以.xml为后缀，但实际返回的是SVG矢量图内容——浏览器可自动解析SVG，但Picasso无内置SVG解析能力，因此加载失败。以下是两种可行解决方案：

方案1：为Picasso扩展SVG解析能力 #

通过自定义RequestHandler让Picasso支持SVG解析，需依赖AndroidSVG库处理矢量图解析：

1. 添加依赖
   在Module级别的build.gradle中引入所需库：

// Picasso核心库
implementation 'com.squareup.picasso:picasso:2.71828'
// AndroidSVG：用于解析SVG内容
implementation 'com.caverock:androidsvg-aar:1.4'

2. 编写自定义SVG请求处理器

import android.graphics.drawable.PictureDrawable;
import com.caverock.androidsvg.SVG;
import com.caverock.androidsvg.SVGParseException;
import com.squareup.picasso.Picasso;
import com.squareup.picasso.Request;
import com.squareup.picasso.RequestHandler;
import okhttp3.OkHttpClient;
import java.io.IOException;
import java.io.InputStream;

public class SVGRequestHandler extends RequestHandler {
    private final OkHttpClient okHttpClient = new OkHttpClient();

    @Override
    public boolean canHandleRequest(Request data) {
        // 根据后缀判断是否为SVG资源（适配你的.xml后缀）
        String url = data.uri.toString();
        return url.endsWith(".xml") || url.endsWith(".svg");
    }

    @Override
    public Result load(Request request, int networkPolicy) throws IOException {
        okhttp3.Request okRequest = new okhttp3.Request.Builder()
                .url(request.uri.toString())
                .build();
        
        try (InputStream inputStream = okHttpClient.newCall(okRequest).execute().body().byteStream()) {
            SVG svg = SVG.getFromInputStream(inputStream);
            PictureDrawable drawable = new PictureDrawable(svg.renderToPicture());
            return new Result(drawable, Picasso.LoadedFrom.NETWORK);
        } catch (SVGParseException e) {
            throw new IOException("SVG解析失败", e);
        }
    }
}

3. 初始化Picasso并添加处理器
   在Application或Activity的onCreate中配置全局Picasso实例：

Picasso picasso = new Picasso.Builder(context)
        .addRequestHandler(new SVGRequestHandler())
        .build();
Picasso.setSingletonInstance(picasso);

4. 保持原有加载代码不变

Picasso.get().load(countryCode.countryIcon)
        .placeholder(R.drawable.niger_adobe_express)
        .into(countryCodeFlagImageView);

方案2：手动下载解析SVG（无需修改Picasso全局配置） #

如果不想改动Picasso全局配置，可直接手动下载SVG内容并解析：

new Thread(() -> {
    OkHttpClient client = new OkHttpClient();
    okhttp3.Request request = new okhttp3.Request.Builder()
            .url(countryCode.countryIcon)
            .build();
            
    try {
        okhttp3.Response response = client.newCall(request).execute();
        if (response.isSuccessful() && response.body() != null) {
            InputStream inputStream = response.body().byteStream();
            SVG svg = SVG.getFromInputStream(inputStream);
            PictureDrawable drawable = new PictureDrawable(svg.renderToPicture());
            
            // 切回主线程设置图片
            runOnUiThread(() -> countryCodeFlagImageView.setImageDrawable(drawable));
        } else {
            runOnUiThread(() -> countryCodeFlagImageView.setImageResource(R.drawable.niger_adobe_express));
        }
    } catch (IOException | SVGParseException e) {
        e.printStackTrace();
        runOnUiThread(() -> countryCodeFlagImageView.setImageResource(R.drawable.niger_adobe_express));
    }
}).start();

额外提示 #

• 确保设备与部署API的电脑处于同一网络，IP地址替换正确
• 若SVG显示尺寸异常，可通过svg.setDocumentWidth()/svg.setDocumentHeight()调整渲染尺寸

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