----浏览完本文大概需要3分钟----

昨天母亲节，寻思我家女神辛苦了大半辈子，腰落了点毛病，自个呢又不在身边，就给她买了靠垫邮去了~转眼这周五又要过520，又开始寻思给对象买点啥好呢，哪都没问题，诶，愁死了。。。

琢磨了半天，还是先找个一个对象再说吧。

说说svg

这个图像格式非常棒，基于纯字符生成的矢量图，很多公司都在用，什么微软啊，啊逗逼啊，苹果，还有在线的网页等。

还有各种制作svg的软件，什么AI啊、还有在线的网站。
总之，svg，体积小活好人人爱。

但是就是这么一个imba的存在，Android爸爸是没有解析它的api方法的。
那怎么办，就这么废了？

解决办法无非两种

1. 将svg转换成vector。

   vector大家不陌生，可变数组？不不不，是Android系统下的基于字符生成的矢量图格式，而且只适用于Android系统！
   用插件转换也好，用在线转换也罢，都是一键的事，暂且搁下不提

2. 使用第3方库Sharp。

   谷歌给它的中文名叫夏普，夏普就类似于Glide，能采用各式各样的姿势，360度花样加载图像。
   可惜Glide美中不足不能加载svg，夏普的出现刚好弥补了这样的空白。下面重点介绍。

官网的概括：夏普，是适用于在Android上加载SVG。可以将svg加载为SharpDrawables，并且可以有效地用于显示在常规图像的任何位置，可以作为背景，ImageView控件，StateListDrawable使用。

通常我们使用Glide加载普通图像都是这样子的

Glide.with(this).load(R.drawable.logo).into(imageView);

而使用Sharp加载svg图像是这样子的

Sharp.loadAsset(getAssets(), "logo.svg").into(imageView);

Sharp.loadResource(getResources(),R.raw.logo).into(imageView);

Sharp.loadString(“svg字符串”).into(imageView);

各位，有木有感觉到一丝丝的震惊呢！？

好，没有，我们继续

确实如你所见，以上都是静态加载svg。Sharp还提供了动态加载svg的方法以及监听其加载过程的一套方法

当加载svg的时候，可以返回一个Sharp对象，对它可以进行监听

Sharp sharp = Sharp.loadAsset(getAssets(), "love.svg")

监听svg开始加载、结束加载、元素设置、元素绘制设置

sharp.setOnElementListener(new OnSvgElementListener() {
            @Override
            public void onSvgStart() {
            }

            @Override
            public void onSvgEnd() {
            }

            @Override
            public <T> T onSvgElement() {
                   
            }

            @Override
            public <T> void onSvgElementDrawn() {
            }
        });

其中，在onSvgElement()监听体中，可以更改svg中的元素，比如给指定路径改颜色

 @Override
    public <T> T onSvgElement(@Nullable String id, @NonNull T element, @Nullable RectF elementBounds, @NonNull Canvas canvas, @Nullable RectF canvasBounds, @Nullable Paint paint) {
            Random random = new Random();
            paint.setColor(Color.argb(255,random.nextInt(256),
            random.nextInt(256), random.nextInt(256)))
        return element;
    }

最后放个效果图吧~~~~~~

常备狗粮,身体倍棒

其实写到这里，静态的svg的使用就基本完事了

可是本文并没完！

对，不要惊讶，继续说说动态svg的使用

同样是基于第3方库完成

AnimatedSvgView

先上官方demo的gif，大概感受一下威力

官方demo的gif图

使用的方法就是是抽调出svg中path路径完成动画。

但是如果ui那边没有提供svg，只是甩给你一张图片，格式png或是jpg，那怎么办呢
比如这样一张图

需要转换成svg的图

那么要用到接下来介绍的这个神器Inkscape

Image 152.png

一言以概之，就是可以抽取png、jpg等格式图片中的路径转换为svg的路径，挺神吧，而且转换过程非常的简单和暴力，较之AI要简单的多
首先用软件打开这张图片

Image 152.png

另存为，注意保存格式为Inkscape SVG

Image 153.png

Image 154.png

Image 155.png

在弹出的界面中，选择边缘检测，阀值可以作适当调整，然后点更新，点确定，再关掉此窗口。

Image 156.png

Image 157.png

Image 158.png