Android UI SVGA使用

1. svga集成

1.1 在应用 build.gradle 中添加依赖

compile 'com.github.yyued:SVGAPlayer-Android:latest'

1.2 放置 svga 文件

SVGAPlayer 可以从本地 assets 目录，或者远端服务器上加载动画文件

oneui和原生安卓，1.3 使用 XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><com.opensource.svgaplayer.SVGAImageViewandroid:layout_height="match_parent"android:layout_width="match_parent"app:source="posche.svga"app:autoPlay="true"android:background="#000" /></RelativeLayout>

在 XML 中，允许定义以下这些标签：

// 用于表示 svga 文件的路径，提供一个在 assets 目录下的文件名，或者提供一个 http url 地址
source: String
// 默认为 true，当动画加载完成后，自动播放
autoPlay: Boolean
// 默认为 0，设置动画的循环次数，0 表示无限循环
loopCount: Int
// 默认为 true，当动画播放完成后，是否清空画布
clearsAfterStop: Boolean
// 默认为 Forward，可以是 Forward、 Backward
// Forward: 表示动画结束后，将停留在最后一帧
// Backward 表示动画结束后，将停留在第一帧
fillMode: String

1.4 使用代码

// 1. 创建一个 SVGAImageView 实例
SVGAImageView imageView = new SVGAImageView(this);
// 2. 创建一个 SVGAParser 实例，加载 assets 中的动画
parser = new SVGAParser(this);
parser.decodeFromAssets("test.svga", new SVGAParser.ParseCompletion() {});
// 3. 创建一个 SVGAParser 实例，加载远端服务器中的动画
parser = new SVGAParser(this);
parser.decodeFromURL(new URL("https://github.com/yyued/SVGA-Samples/blob/master/posche.svga?raw=true"), new SVGAParser.ParseCompletion() {});

2. 参考

1. SVGA集成指南
2. 直播App中Android酷炫礼物动画实现方案（上篇）