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

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

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

复制代码
@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 })
}
}
相关推荐
xq95271 小时前
鸿蒙next sqlite进阶版本来了
harmonyos
c***97983 小时前
HarmonyOS在智能车载系统的集成
华为·车载系统·harmonyos
1***s6323 小时前
HarmonyOS智能电视应用开发指南
华为·harmonyos·智能电视
lqj_本人8 小时前
鸿蒙Cordova开发踩坑记录:跨域请求的“隐形墙“
harmonyos
Z***258012 小时前
HarmonyOS在物联网场景的应用
物联网·华为·harmonyos
Pocker_Spades_A14 小时前
John the Ripper 在 HarmonyOS 上的构建与适配
华为·harmonyos
不爱吃糖的程序媛15 小时前
鸿蒙PC Electron 打印服务实现详解
华为·electron·harmonyos
开源头条17 小时前
2025开源鸿蒙开发者激励计划正式启动,为生态繁荣注入持久动力
华为·开源·harmonyos
GEO_NEWS19 小时前
解析华为Flex:ai的开源棋局
人工智能·华为·开源
奔跑的露西ly21 小时前
【HarmonyOS NEXT】自定义样式复用
华为·harmonyos