2018年，应用如何最优加载网络下载的SVG并放入Android布局（不打包）？

嘿，这个问题我当年做项目的时候刚好踩过坑！2018年那会儿Android原生系统对网络SVG的直接支持还比较有限（原生仅支持本地VectorDrawable，网络资源得自行处理），所以当时主流的最佳方案都是基于成熟的第三方库来实现，下面给你分享两种最靠谱的方式：

方案一：Glide + SVG解码扩展（最省心的通用方案） #

Glide是当时Android生态里最流行的图片加载库，结合它的SVG解码能力，能完美复用Glide的缓存、占位图、异步加载等特性，非常适合大多数常规场景。

步骤： #

1. 引入依赖（2018年常用的稳定版本）：
   在build.gradle里添加：

   implementation 'com.github.bumptech.glide:glide:4.7.1'
   annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'
   implementation 'com.caverock:androidsvg-aar:1.4' // 用于SVG解析
   

2. 自定义Glide的ModelLoader：
   你需要写一个自定义的ModelLoader让Glide识别并解析SVG资源，核心示例代码：

   public class SvgModelLoader implements ModelLoader<Uri, PictureDrawable> {
       private final Resources resources;
   
       public SvgModelLoader(Resources resources) {
           this.resources = resources;
       }
   
       @Override
       public LoadData<PictureDrawable> buildLoadData(Uri uri, int width, int height, Options options) {
           return new LoadData<>(new ObjectKey(uri), new SvgDataFetcher(resources, uri));
       }
   
       @Override
       public boolean handles(Uri uri) {
           return uri.toString().endsWith(".svg");
       }
   
       // 注册Loader的工厂类
       public static class Factory implements ModelLoaderFactory<Uri, PictureDrawable> {
           private final Resources resources;
   
           public Factory(Resources resources) {
               this.resources = resources;
           }
   
           @Override
           public ModelLoader<Uri, PictureDrawable> build(MultiModelLoaderFactory multiFactory) {
               return new SvgModelLoader(resources);
           }
   
           @Override
           public void teardown() {}
       }
   }
   

   再实现对应的DataFetcher负责下载解析：

   public class SvgDataFetcher implements DataFetcher<PictureDrawable> {
       private final Uri uri;
       private InputStream inputStream;
   
       public SvgDataFetcher(Resources resources, Uri uri) {
           this.uri = uri;
       }
   
       @Override
       public void loadData(Priority priority, DataCallback<? super PictureDrawable> callback) {
           try {
               URL url = new URL(uri.toString());
               inputStream = url.openStream();
               SVG svg = SVG.getFromInputStream(inputStream);
               Picture picture = svg.renderToPicture();
               PictureDrawable drawable = new PictureDrawable(picture);
               callback.onDataReady(drawable);
           } catch (Exception e) {
               callback.onLoadFailed(e);
           } finally {
               closeStream();
           }
       }
   
       private void closeStream() {
           if (inputStream != null) {
               try {
                   inputStream.close();
               } catch (IOException e) {}
           }
       }
   
       // 实现cleanup、cancel等接口方法（省略）
   }
   

3. 配置Glide并加载：
   在Application中初始化Glide时注册自定义Loader，之后就能像加载普通图片一样加载SVG了：

   GlideApp.with(context)
           .as(PictureDrawable.class)
           .load("https://example.com/your-target.svg")
           .placeholder(R.drawable.placeholder)
           .error(R.drawable.error)
           .into(imageView);
   

方案二：直接使用AndroidSVG库（灵活定制场景） #

如果你不需要和Glide的图片加载流程整合，或者需要对SVG渲染做更多自定义（比如修改填充色、描边样式），直接用AndroidSVG库手动处理会更灵活。

步骤： #

1. 引入依赖：

   implementation 'com.caverock:androidsvg-aar:1.4'
   

2. 异步下载并解析SVG：
   用原生HttpURLConnection或OkHttp异步下载SVG内容，解析后渲染到View：

   new AsyncTask<Void, Void, SVG>() {
       @Override
       protected SVG doInBackground(Void... voids) {
           try {
               URL url = new URL("https://example.com/your-target.svg");
               HttpURLConnection connection = (HttpURLConnection) url.openConnection();
               connection.setRequestMethod("GET");
               InputStream inputStream = connection.getInputStream();
               return SVG.getFromInputStream(inputStream);
           } catch (Exception e) {
               e.printStackTrace();
               return null;
           }
       }
   
       @Override
       protected void onPostExecute(SVG svg) {
           if (svg != null) {
               // 自定义渲染尺寸
               int desiredWidth = 200;
               int desiredHeight = 200;
               Picture picture = svg.renderToPicture(desiredWidth, desiredHeight);
               PictureDrawable drawable = new PictureDrawable(picture);
               imageView.setImageDrawable(drawable);
               // 可选：修改SVG颜色
               drawable.setTint(ContextCompat.getColor(context, R.color.your_color));
           }
       }
   }.execute();
   

方案对比 #

• Glide方案：优势是自带缓存、占位图、错误处理，和其他图片加载逻辑统一，代码更简洁，适合大多数常规场景。
• AndroidSVG方案：优势是完全自定义渲染流程，适合需要修改SVG属性或特殊渲染需求的场景，但需要自行处理异步、缓存等逻辑。

在2018年，这两种是社区公认的最佳实践，其中Glide结合SVG的方案因为省心高效，被开发者们用得最多。

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