鸿蒙实现帧动画效果

@Component
export struct MkLoading {
  // 宽度可以由外部传入
  loadingWidth: number = 80

  build() {
    // 帧动画组件
    ImageAnimator()
      .images([// 图片数组
        { src: $r('app.media.loading_01') },
        { src: $r('app.media.loading_02') },
        { src: $r('app.media.loading_03') },
        { src: $r('app.media.loading_04') }
      ])
      .state(AnimationStatus.Running)// 动画的状态 running 播放
      .duration(500)// 持续时间
      .iterations(-1)// 动画次数 -1无限
      .width(this.loadingWidth)// 宽度
      .aspectRatio(3) // 高度
  }
}