Android通過url加載SVG圖片

網(wǎng)絡(luò)SVG圖片的顯示

1淘讥、通過OkHttp等網(wǎng)絡(luò)框架獲取到SVG圖片的String字符串
2圃伶、使用第3方庫Sharp

Sharp蒲列,適用于在Android上加載SVG窒朋。可以將svg加載為SharpDrawables蝗岖,并且可以有效地用于顯 示在常規(guī)圖像的任何位置侥猩,可以作為背景,ImageView控件抵赢,StateListDrawable使用欺劳。

  • 使用Sharp加載svg:
   Sharp.loadAsset(getAssets(), "xx.svg").into(imageView);// 在assets文件夾中
   Sharp.loadResource(getResources(),R.raw.xx).into(imageView);//  在res/raw文件夾中
   Sharp.loadString(“svg字符串”).into(imageView);// String字符串加載

以上都是靜態(tài)加載svg。Sharp還提供了動(dòng)態(tài)加載svg的方法以及監(jiān)聽其加載過程的一套方法铅鲤,當(dāng)加載svg的時(shí)候划提,可以返回一個(gè)Sharp對(duì)象,對(duì)它可以進(jìn)行監(jiān)聽

  Sharp sharp = Sharp.loadString(stringSVG);

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

sharp.setOnElementListener(new OnSvgElementListener() {

    @Override
    public void onSvgStart(@NonNull Canvas canvas, @Nullable RectF bounds) {

    }

    @Override
    public void onSvgEnd(@NonNull Canvas canvas, @Nullable RectF bounds) {

    }

    @Override
    public T onSvgElement(@Nullable String id, @NonNull T element, @Nullable RectF elementBounds, @NonNull Canvas canvas, @Nullable RectF canvasBounds, @Nullable Paint paint) {

        if (paint !=null) {
            paint.setColor(Color.WHITE);
            return element;
        }

        return null;
    }

    @Override
    public void onSvgElementDrawn(@Nullable String id, @NonNull T element, @NonNull Canvas canvas, @Nullable Paint paint) {

    }
});

sharp.into(imageView);

其中骇塘,在svg圖片的加載過程中伊履,經(jīng)常出現(xiàn)圖片顏色變黑的問題韩容,我們可以在onSvgElement()監(jiān)聽體中,更改svg中的元素唐瀑,比如更改顏色:

@Override
public T onSvgElement(@Nullable String id, @NonNull T element, @Nullable RectF elementBounds, @NonNull Canvas canvas, @Nullable RectF canvasBounds, @Nullable Paint paint) {

    if (paint !=null) {// paint必須添加判空群凶,否則會(huì)報(bào)異常
         paint.setColor(Color.WHITE);
         return element;
    }

    return null;
}

附上本地修改圖片顏色的方法(不適用于直接用Sharp賦值的情形)

  • android:tint
<ImageView
      android:tint="@color/white"
      android:id="@+id/iv_bank"
      android:layout_width="24dp"
      android:layout_height="24dp"
      android:layout_centerVertical="true"
      android:background="@drawable/ic_kpmr"/>

或者在代碼中:

DrawableCompat.setTint(drawable, getResources().getColor(R.color.white));
  • setColorFilter
drawable.setColorFilter(getResources().getColor(R.color.white), PorterDuff.Mode.SRC_ATOP);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市介褥,隨后出現(xiàn)的幾起案子座掘,更是在濱河造成了極大的恐慌,老刑警劉巖柔滔,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件溢陪,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡睛廊,警方通過查閱死者的電腦和手機(jī)形真,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來超全,“玉大人咆霜,你說我怎么就攤上這事∷恢欤” “怎么了蛾坯?”我有些...
    開封第一講書人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)疏遏。 經(jīng)常有香客問我脉课,道長(zhǎng),這世上最難降的妖魔是什么财异? 我笑而不...
    開封第一講書人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任倘零,我火速辦了婚禮,結(jié)果婚禮上戳寸,老公的妹妹穿的比我還像新娘呈驶。我一直安慰自己,他們只是感情好疫鹊,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開白布袖瞻。 她就那樣靜靜地躺著,像睡著了一般拆吆。 火紅的嫁衣襯著肌膚如雪聋迎。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評(píng)論 1 301
  • 那天锈拨,我揣著相機(jī)與錄音砌庄,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛娄昆,可吹牛的內(nèi)容都是我干的佩微。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼萌焰,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼哺眯!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起扒俯,我...
    開封第一講書人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤奶卓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后撼玄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體夺姑,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年掌猛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了盏浙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡荔茬,死狀恐怖废膘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情慕蔚,我是刑警寧澤丐黄,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站孔飒,受9級(jí)特大地震影響灌闺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜十偶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一菩鲜、第九天 我趴在偏房一處隱蔽的房頂上張望园细。 院中可真熱鬧惦积,春花似錦、人聲如沸猛频。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鹿寻。三九已至睦柴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間毡熏,已是汗流浹背坦敌。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人狱窘。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓杜顺,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親蘸炸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子躬络,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 6,409評(píng)論 0 17
  • ----瀏覽完本文大概需要3分鐘---- 昨天母親節(jié)搭儒,尋思我家女神辛苦了大半輩子穷当,腰落了點(diǎn)毛病,自個(gè)呢又不在身邊淹禾,...
    Xdjm閱讀 14,861評(píng)論 16 44
  • Android UI相關(guān)開源項(xiàng)目庫匯總OpenDigg 抽屜菜單MaterialDrawer ★7337 - 安卓...
    黃海佳閱讀 8,717評(píng)論 3 77
  • SVG 圖片是一種可支持任意縮放的圖片格式馁菜,使用 xml 定義,使用 canvas 中 path 路徑來完成繪制铃岔,...
    前行的烏龜閱讀 3,892評(píng)論 1 5
  • 今天是2016年最后一天火邓,好似一直以來就沒有年度總結(jié)的習(xí)慣,只是這些天一直跟周圍的伙伴說:時(shí)間過得真快呀德撬,我還記得...
    芽藤兒閱讀 317評(píng)論 0 1