Android UI SVGA使用

1. svga集成

1.1 在應用 build.gradle 中添加依賴

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

1.2 放置 svga 文件

SVGAPlayer 可以從本地 assets 目錄，或者遠端服務器上加載動畫文件

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.SVGAImageView
        android: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集成指南