----瀏覽完本文大概需要3分鐘----

昨天母親節(jié)，尋思我家女神辛苦了大半輩子，腰落了點(diǎn)毛病，自個(gè)呢又不在身邊，就給她買了靠墊郵去了~轉(zhuǎn)眼這周五又要過520，又開始尋思給對象買點(diǎn)啥好呢，哪都沒問題，誒，愁死了。。。

琢磨了半天，還是先找個(gè)一個(gè)對象再說吧。

說說svg

這個(gè)圖像格式非常棒，基于純字符生成的矢量圖，很多公司都在用，什么微軟啊，啊逗逼啊，蘋果，還有在線的網(wǎng)頁等。

還有各種制作svg的軟件，什么AI啊、還有在線的網(wǎng)站。
總之，svg，體積小活好人人愛。

但是就是這么一個(gè)imba的存在，Android爸爸是沒有解析它的api方法的。
那怎么辦，就這么廢了？

解決辦法無非兩種

將svg轉(zhuǎn)換成vector。

vector大家不陌生，可變數(shù)組？不不不，是Android系統(tǒng)下的基于字符生成的矢量圖格式，而且只適用于Android系統(tǒng)！
用插件轉(zhuǎn)換也好，用在線轉(zhuǎn)換也罷，都是一鍵的事，暫且擱下不提
使用第3方庫Sharp。

谷歌給它的中文名叫夏普，夏普就類似于Glide，能采用各式各樣的姿勢，360度花樣加載圖像。
可惜Glide美中不足不能加載svg，夏普的出現(xiàn)剛好彌補(bǔ)了這樣的空白。下面重點(diǎn)介紹。

官網(wǎng)的概括：夏普，是適用于在Android上加載SVG?？梢詫vg加載為SharpDrawables，并且可以有效地用于顯示在常規(guī)圖像的任何位置，可以作為背景，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);

各位，有木有感覺到一絲絲的震驚呢??？

好，沒有，我們繼續(xù)

確實(shí)如你所見，以上都是靜態(tài)加載svg。Sharp還提供了動態(tài)加載svg的方法以及監(jiān)聽其加載過程的一套方法

當(dāng)加載svg的時(shí)候，可以返回一個(gè)Sharp對象，對它可以進(jìn)行監(jiān)聽

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

監(jiān)聽svg開始加載、結(jié)束加載、元素設(shè)置、元素繪制設(shè)置

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

            @Override
            public void onSvgEnd() {
            }

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

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

其中，在onSvgElement()監(jiān)聽體中，可以更改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;
    }