#鸿蒙通关秘籍# HarmonyOS NEXT中的ArkUI如何进行动画处理？

import { Animation, Easing } from '@ohos.animation';

@Component
struct AnimationExample {
  @State visible: boolean = true;

  build() {
    return Column() {
      Text('动画示例').fontSize(30);
      Button('切换动画')
        .onClick(() => {
          this.visible = !this.visible;
          if (this.visible) {
            Animation.fadeIn({ duration: 500, easing: Easing.easeIn });
          } else {
            Animation.fadeOut({ duration: 500, easing: Easing.easeOut });
          }
        });
    };
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.