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

ArkTS卡片开放了使用动画效果的能力,支持显式动画、属性动画、组件内转场能力。需要注意的是,ArkTS卡片使用动画效果时具有以下限制:
 

HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力_第1张图片


以下示例代码实现了按钮旋转的动画效果:

HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力_第2张图片

@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 })
}
}

你可能感兴趣的:(华为,HarmonyOS)