HarmonyOS--鸿蒙三方库--lottie

Lottie 是 OpenHarmony 的一个动画库，它可以解析 Adob​​e After Effects 动画，使用 Bodymovin 导出为 JSON 文件，并在移动设备上本地呈现它们。

使用方法

首先还是使用canvas画布作为基础

//画布渲染设置
private setting:RenderingContextSettings=new RenderingContextSettings(true)
//创建context渲染对象
private  context:CanvasRenderingContext2D=new CanvasRenderingContext2D(this.setting)

如果想要一开始就加载动画并进行，可以在onReady回调里去loading

首先创建一个AnimantionItem用来接受lottie动画

@State animation_button:AnimationItem|null=null

其次使用lottie的loaing加载动画,这里必须要有的参数为：

1. 渲染上下文context
2. 渲染方式：’canvas‘
3. path：这里的文件路径是从ets文件开始
4. name:用于区分动画
5. 其他：是否循环播放，自动播放，图像路径，动画初始化区间等

Canvas(this.context)
.onReady(()=>{
this.animation_button=lottie.loadAnmation({
  container: this.context, 
  renderer: 'canvas',