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.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. 参考

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

Android UI SVGA使用相关推荐

Android UI开发第二十五篇——分享一篇自定义的 Action Bar
Action Bar是android3.0以后才引入的,主要是替代3.0以前的menu和tittle bar.在3.0之前是不能使用Action Bar功能的.这里引入了自定义的Action Bar, ...
Android UI滑动加载源码
2019独角兽企业重金招聘Python工程师标准>>> android UI 往右滑动,滑动到最后一页就自动加载数据并显示如图: Java代码 package cn.anycall ...
android教程 - android ui 介绍,多图详解 “Android UI”设计官方教程
我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Andr ...
android ui秘笈,看图说话 – Android UI 设计秘笈：Part I
Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,Roger 在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧.整个 PPT 共分5个部分,Par ...
【Android UI】图片 + 文字展示by SpannableStringBuilder
起源图片和文字混合展示,比如这么个需求,需要在每段文字的左边要有一个小圆点,(小圆点符号在android系统中并不支持). 先用TextView的setDrawableLeft, 嗯,达到要求,那么 ...
Wiew 像写 Android UI 一样写小游戏布局
Wiew 项目地址: https://github.com/onlynight/Wiew 简易微信小游戏view系统以及touch系统.你可以想写Android UI一样写界面布局,处理点击事件. 预 ...
使用XML声明自定义Android UI元素
如何使用XML声明Android UI元素? #1楼 Google似乎更新了其开发者页面,并在那里添加了各种培训. 其中一个处理自定义视图的创建,可以在这里找到 #2楼除了大多数投票的答案. obt ...
android ui篇
android ui篇主要做两件事情. 第一件事情就是能够自己去定义基本的简单的界面. 第二件事情就是能够使用开源library去构造一些复杂的界面. 第一件事情就需要对于布局等方面知识有着基本的掌握 ...
android UI定位工具-uiautomator2的使用
介绍: uiautomator2 是一个可以使用Python对Android设备进行UI自动化的库.其底层基于Google uiautomator,Google提供的uiautomator库可以获取屏 ...

Android UI SVGA使用

Android UI SVGA使用相关推荐

最新文章

热门文章