Android通过url加载SVG图片

网络SVG图片的显示

1、通过OkHttp等网络框架获取到SVG图片的String字符串
2、使用第3方库Sharp

Sharp,适用于在Android上加载SVG。可以将svg加载为SharpDrawables,并且可以有效地用于显 示在常规图像的任何位置,可以作为背景,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字符串加载

以上都是静态加载svg。Sharp还提供了动态加载svg的方法以及监听其加载过程的一套方法,当加载svg的时候,可以返回一个Sharp对象,对它可以进行监听

  Sharp sharp = Sharp.loadString(stringSVG);

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

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图片的加载过程中,经常出现图片颜色变黑的问题,我们可以在onSvgElement()监听体中,更改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必须添加判空,否则会报异常
         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);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,789评论 0 17
  • ----浏览完本文大概需要3分钟---- 昨天母亲节,寻思我家女神辛苦了大半辈子,腰落了点毛病,自个呢又不在身边,...
    Xdjm阅读 14,993评论 16 44
  • Android UI相关开源项目库汇总OpenDigg 抽屉菜单MaterialDrawer ★7337 - 安卓...
    黄海佳阅读 12,791评论 3 77
  • SVG 图片是一种可支持任意缩放的图片格式,使用 xml 定义,使用 canvas 中 path 路径来完成绘制,...
    前行的乌龟阅读 9,426评论 1 5
  • 今天是2016年最后一天,好似一直以来就没有年度总结的习惯,只是这些天一直跟周围的伙伴说:时间过得真快呀,我还记得...
    芽藤儿阅读 2,578评论 0 1