网络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);