Lottie动画
介绍
本示例构建了lottie对动画的操作功能。实现控制动画的播放、暂停、倍速播放、播放顺序、播放到指定帧停止或从指定帧开始播放、侦听事件等功能,动画资源路径必须是json格式。
相关概念:
- 加载动画:须提前声明Animator('__lottie_ets')对象,并在Canvas完成布局后调用。可配合Canvas组件生命周期接口使用。
- canvas:画布组件,用于自定义绘制图形。
使用说明:
- 进入页面默认开始2016动画,点击请选择进行选择动画资源。
- 上面部分播放暂停是对两个动画进行控制,下面部分播放暂停功能是对grunt动画控制。
- 点击销毁动画功能之后需要重新选择动画资源才可以进行其余功能操作。
效果预览
| 主页 |
|---|
![]() |
相关权限
不涉及。
约束与限制
1.本示例支持标准系统上运行,支持设备:RK3568;
2.本示例仅支持API9版本SDK,版本号:3.2.9.2;
3.本示例需要使用DevEco Studio 3.1 Canary1 (Build Version: 3.1.0.100, built on November 3, 2022)才可编译运行;
4.本示例需要使用animator.d.ts系统权限的系统接口。使用Full SDK时需要手动从镜像站点获取,并在DevEco Studio中替换,具体操作可参考替换指南。
