#鸿蒙学习大百科#如何实现气泡的动画效果？

Button("气泡提示")
  .onClick(() => {
    this.isShowPop = true
  })
  .bindPopup(this.isShowPop, {
    message: "Hello HarmonyOS",
    // 定义transition控制气泡的进场和出场动画效果
    transition: TransitionEffect.asymmetric(
      TransitionEffect.OPACITY.animation({ duration: 1000, curve: Curve.Ease }).combine(
        TransitionEffect.translate({ x: 50, y: 50 })),
      TransitionEffect.IDENTITY),
    onStateChange: (e) => {
      if (!e.isVisible) {
        this.isShowPop = false
      }
    }
  })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.