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 })
}
}
相关推荐
90后的晨仔1 小时前
Stage模型中的有哪几种类型的组件?
前端·harmonyos
90后的晨仔1 小时前
鸿蒙应用开发:FA模型与Stage模型生命周期详解(基础篇)
前端·harmonyos
fei_sun1 小时前
【华为开发者学堂】HarmonyOS
华为·harmonyos
何玺2 小时前
从Pura 80系列影像和鸿蒙AI融合看华为创新的“不可复制性”
人工智能·华为·harmonyos
90后的晨仔5 小时前
ArkTS 与 Swift 闭包的对比分析
前端·harmonyos
Python当打之年5 小时前
【59 Pandas+Pyecharts | 淘宝华为手机商品数据分析可视化】
华为·智能手机·数据分析·pandas·数据可视化
程序员小刘5 小时前
HarmonyOS 5对React Native有哪些新特性?
react native·华为·harmonyos
王二蛋与他的张大花6 小时前
鸿蒙运动开发实战:打造专属运动视频播放器
harmonyos
程序员小刘7 小时前
HarmonyOS 5鸿蒙多端编译实战:从Android/iOS到HarmonyOS 5 的跨端迁移指南详
android·ios·华为·harmonyos
Georgewu8 小时前
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器
harmonyos