#鸿蒙通关秘籍#如何在HarmonyOS元服务中使用animateTo接口实现无限循环动画？

@Entry
@Component
struct AnimateToExample {
  @State rotateAngle: number = 0

  build() {
    Button('change rotate angle')
      .margin(50)
      .rotate({ x: 0, y: 0, z: 1, angle: this.rotateAngle })
      .onClick(() => {
        animateTo({
          duration: 1200,
          curve: Curve.Friction,
          delay: 500,
          iterations: -1,
          playMode: PlayMode.Alternate,
          onFinish: () => {
            console.info('play end')
          },
          expectedFrameRateRange: {
            min: 10,
            max: 120,
            expected: 60,
          }
        }, () => {
          this.rotateAngle = 90
        })
      })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.