HarmonyOS 鸿蒙Next如何实现多张图片组成的帧动画，并控制每一帧的时间？

可以使用帧动画组件来实现，请参考以下文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-imageanimator-V5 示例代码：

// xxx.ets

@Entry

@Component

struct ImageAnimatorExample {

  @State state: AnimationStatus = AnimationStatus.Initial

  @State reverse: boolean = false

  @State iterations: number = 1

  build() {

    Column({ space: 10 }) {

      ImageAnimator()

        .images([

          {

            src: $r('app.media.test1'),

            duration:1500//单位毫秒

          },

          {

            src: $r('app.media.test2'),

            duration:1000

          },

          {

            src: $r('app.media.test3'),

            duration:2000

          },

          {

            src: $r('app.media.test4'),

            duration:3000

          },

          {

            src: $r('app.media.test5'),

            duration:1000

          },

          {

            src: $r('app.media.test6'),

            duration:3000

          }

        ])

        .duration(2000)

        .state(this.state).reverse(this.reverse)

        .fillMode(FillMode.None).iterations(this.iterations).width(340).height(240)

        .margin({ top: 100 })

        .onStart(() => {

          console.info('Start')

        })

        .onPause(() => {

          console.info('Pause')

        })

        .onRepeat(() => {

          console.info('Repeat')

        })

        .onCancel(() => {

          console.info('Cancel')

        })

        .onFinish(() => {

          console.info('Finish')

          this.state = AnimationStatus.Stopped

        })

      Row() {

        Button('start').width(100).padding(5).onClick(() => {

          this.state = AnimationStatus.Running

        }).margin(5)

        Button('pause').width(100).padding(5).onClick(() => {

          this.state = AnimationStatus.Paused     // 显示当前帧图片

        }).margin(5)

        Button('stop').width(100).padding(5).onClick(() => {

          this.state = AnimationStatus.Stopped    // 显示动画的起始帧图片

        }).margin(5)

      }

      Row() {

        Button('reverse').width(100).padding(5).onClick(() => {

          this.reverse = !this.reverse

        }).margin(5)

        Button('once').width(100).padding(5).onClick(() => {

          this.iterations = 1

        }).margin(5)

        Button('infinite').width(100).padding(5).onClick(() => {

          this.iterations = -1 // 无限循环播放

        }).margin(5)

      }

    }.width('100%').height('100%')

  }

}