HarmonyOS 动画效果实现

转场动画可以参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-animation-transition-V5

参考示例如下：

@Entry
@Component
struct ToggleExample {
  @State show: boolean = true
  build() {
    Column() {
      Button("启动过场动画").onClick(() => {
        this.show = !this.show
      })
      Stack() {
        Column() {
          Text("最终需展示组件").fontColor(Color.White)
        }.width("100%")
        .height("100%")
        .backgroundColor(Color.Red)

        if (this.show) {
          // 有过场动画的组件，一开始默认展示，没有动画，消失的时候，会有动画，变淡并缩小
          Column() {
            Text("过场动画组件").fontColor(Color.White)
          }.width("100%")
          .height("100%")
          .backgroundColor(Color.Blue)
          .transition(
            // TransitionEffect.scale({ z: 1, x: 0 })
            TransitionEffect.OPACITY.animation({ duration: 2000, curve: Curve.Ease }).combine(
              TransitionEffect.asymmetric(
                TransitionEffect.scale({ x: 1 }),
                TransitionEffect.scale({ x: 0 })
              )
            )
          )
        }
      }
      .width("100%")
      .layoutWeight(1)

    }
  }
}