Android通过url加载SVG图片

2023年7月2日 408次阅读 来源: 无痕_8fb8

网络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);
    原文作者：无痕_8fb8
    原文地址: https://www.jianshu.com/p/92d9b79d5b37
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞