android svga使用

首先在项目的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下

下面是使用方法：

        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进行编辑，比如在具体位置写字，效果如下：

1

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;

}

});

如果是直播界面使用则建议写个队列控制动画依次播放，如果是简单逻辑动画播放就不需要，主要看原型需求吧。