#鸿蒙通关秘籍#ArkUI在HarmonyOS中如何制作动画？

在HarmonyOS中，动画是属性从一个值到另一个值的过渡渲染。基于ArkUI框架让我们可以很容易地给UI添加动画。 你可以让UI的属性，比如位置、大小、颜色等，从一个值渐变到另一个值，这样就形成了动画。ArkUI支持系统预设的可动画属性，也允许你自定义可动画属性。通过动画，你可以提升用户的交互体验，让你的应用看起来更生动。

@Component
struct MyAnimatedComponent {
    @State isBlue: boolean = false
    build() {
        Text('Hello World')
        .fontColor(this.isBlue ? `Color.Blue` : `Color.Black`)

        Button(this.isBlue ? 'click to black' : 'click to blue')
        .onClick(()=>{
            animateTo({
                duration: 500
            }, () => {
                this.isBlue = !this.isBlue;
            })
        })
    }
}