首先在项目的build.gradle中加入
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
然后在app下的build.gradle添加依赖，这里的版本号可以去官网查一下（http://svga.io/index.html）
compile'com.github.yyued:SVGAPlayer-Android:2.0.3'
添加混淆
-keep class com.squareup.wire.** { *; }
-keep class com.opensource.svgaplayer.proto.** { *; }
然后将准备好的.svga文件放在assets下
下面是使用方法：
<com.opensource.svgaplayer.SVGAImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:clearsAfterStop="true" />
private SVGAImageViewmSVGAImageView;
mSVGAImageView = findViewById(R.id.imageView);
SVGAParser parser =new SVGAParser(PreviewActivity.this);
mSVGAImageView.setLoops(1);//设置动画执行一次，如果不设置就会一直循环播放动画，根据需求设置
parser.parse(img +".svga",new SVGAParser.ParseCompletion() {
@Override
public void onComplete(SVGAVideoEntity mSVGAVideoEntity) {
SVGADrawable drawable =new SVGADrawable(mSVGAVideoEntity);
mSVGAImageView.setImageDrawable(drawable);
mSVGAImageView.startAnimation();
}
@Override
public void onError() {
Toast.makeText(PreviewActivity.this,"parse error!", Toast.LENGTH_SHORT).show();
}
});
当然我们也可以根据要求在svga进行编辑，比如在具体位置写字，效果如下：
parser.parse("new_jinchang.svga", new SVGAParser.ParseCompletion() {
@Override
public void onComplete(@NotNull SVGAVideoEntity videoItem) {
SVGADynamicEntity dynamicItem = new SVGADynamicEntity();
SVGADrawable drawable = new SVGADrawable(videoItem, dynamicItem);
TextPaint textPaint = new TextPaint();
textPaint.setTextSize(24);
textPaint.setFakeBoldText(true);
textPaint.setARGB(0xff, 0xff, 0xff, 0xff);
textPaint.setShadowLayer((float) 0.0, (float) 0.0, (float) 0.0, Color.WHITE); // 各种配置
dynamicItem.setDynamicText(vipStr, textPaint, "img_14");
mSVGAView.setImageDrawable(drawable);
mSVGAView.startAnimation();
}
@Override
public void onError() {
}
});
如果想使用网络加载也有方法，但是即便是网络也建议缓存到本地再加载，这样除了第一次加载慢些以后动画就会很快显示出来。
parser.parse(new URL(img),new SVGAParser.ParseCompletion() {
@Override
public void onComplete(SVGAVideoEntity mSVGAVideoEntity) {
SVGADrawable drawable =new SVGADrawable(mSVGAVideoEntity);
mSVGAImageView.setImageDrawable(drawable);
mSVGAImageView.startAnimation();
}
@Override
public void onError() {
Toast.makeText(PreviewActivity.this,"parse error!", Toast.LENGTH_SHORT).show();
}
});
如果想监听动画还有如下方法：
mSVGAView.setCallback(new SVGACallback() {
@Override
public void onPause() {
}
@Override
public void onFinished() {
isAnimRuning = false;
setViewVisible(false);
}
@Override
public void onRepeat() {
}
@Override
public void onStep(int i, double v) {
isAnimRuning = true;
}
});
如果是直播界面使用则建议写个队列控制动画依次播放，如果是简单逻辑动画播放就不需要，主要看原型需求吧。
