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 })
}
}
相关推荐
nju_spy4 小时前
华为AI岗 -- 笔试(一)
人工智能·深度学习·机器学习·华为·笔试·dbscan·掩码多头自注意力
安卓开发者5 小时前
鸿蒙NEXT按键拦截与监听开发指南
华为·harmonyos
2503_928411566 小时前
10.13 Tabs选项卡布局
华为·harmonyos·鸿蒙
我爱学习_zwj8 小时前
【鸿蒙进阶-7】鸿蒙与web混合开发
前端·华为·harmonyos
HMSCore11 小时前
消息推送策略:如何在营销与用户体验间找到最佳平衡点
harmonyos
HMSCore11 小时前
同一设备多账号登录,如何避免消息推送“串门”?
harmonyos
零點壹度ideality12 小时前
鸿蒙实现可以上下左右滑动的表格-摆脱大量ListScroller
前端·harmonyos
●VON13 小时前
重生之我在大学自学鸿蒙开发第七天-《AI语音朗读》
学习·华为·云原生·架构·harmonyos
我是华为OD~HR~栗栗呀14 小时前
华为OD-21届考研-Java面经
java·前端·c++·python·华为od·华为·面试
君逸臣劳14 小时前
玩Android Harmony next版,通过项目了解harmony项目快速搭建开发
android·harmonyos