#鸿蒙通关秘籍#如何使用关键帧动画实现提示文本抖动效果？

startAnimation() {
    if (!this.uiContext) {
        return;
    }
    this.translateX = 0; // 初始位置为0
    this.uiContext.keyframeAnimateTo({ iterations: 2 }, [
        {
            duration: 100, // 第一段动画时长100ms
            event: () => {
                this.translateX = 5; // translateX从0到5
            }
        },
        {
            duration: 100, // 第二段动画时长100ms
            event: () => {
                this.translateX = 0; // translateX从5回到0
            }
        }
    ]);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.