HarmonyOS 动画展示

参考示例如下：

@Entry
@Component
struct Index {
  @State flag: boolean = true;
  @State show: string = 'show';
  build() {
    Column() {
      Button(this.show).width(80).height(30).margin(30)
        .onClick(() => {
          // 点击Button控制Image的显示和消失
          if (this.flag) {
            this.show = 'hide';
          } else {
            this.show = 'show';
          }
          this.flag = !this.flag;
        })
      if (this.flag) {
        Image($r('app.media.previewImg')).width(200).height(200)
          // 右边进，右边出
          .transition(TransitionEffect.asymmetric(TransitionEffect.move(TransitionEdge.END), TransitionEffect.move(TransitionEdge.END))
            .animation({ duration: 500 }))
      }
    }.width('100%')
  }
}

可以参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-transition-animation-component-V5