HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力

鸿蒙时代
发布于 2023-7-28 17:24
浏览
0收藏

ArkTS卡片开放了使用动画效果的能力,支持显式动画、属性动画、组件内转场能力。需要注意的是,ArkTS卡片使用动画效果时具有以下限制:
HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力-鸿蒙开发者社区
以下示例代码实现了按钮旋转的动画效果:
HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力-鸿蒙开发者社区

@Entry
@Component
struct AttrAnimationExample {
@State rotateAngle: number = 0;

build() {
Column() {
Button('change rotate angle')
.onClick(() => {
this.rotateAngle = 90;
})
.margin(50)
.rotate({ angle: this.rotateAngle })
.animation({
curve: Curve.EaseOut,
playMode: PlayMode.AlternateReverse
})
}.width('100%').margin({ top: 20 })
}
}


  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.

标签
HarmonyOSOpenHarmony元服务开发-卡片使用.docx 65.1K 12次下载
收藏
回复
举报
回复
    相关推荐