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


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