#鸿蒙通关秘籍#如何在ArkTS卡片中使用按钮旋转动画?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
系统小博士

在ArkTS卡片中,通过声明式编程实现按钮旋转动画,可以使用以下代码。点击按钮时,旋转角度将在0度和90度之间切换:

@Entry @Component struct AnimationCard { @State rotateAngle: number = 0;

build() { Row() { Button('change rotate angle') .height('20%') .width('90%') .margin('5%') .onClick(() => { this.rotateAngle = (this.rotateAngle === 0 ? 90 : 0); }) .rotate({ angle: this.rotateAngle }) .animation({ curve: Curve.EaseOut, playMode: PlayMode.Normal, }) }.height('100%').alignItems(VerticalAlign.Center) } }

注意,ArkTS卡片对动画参数有特定限制,如动效播放时长最长为1秒,其他参数如动画速度、延迟执行和播放次数均使用默认值。

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 如何实现旋转动画
446浏览 • 1回复 待解决
如何在ArkTS中使用闭包
546浏览 • 1回复 待解决
HarmonyOS 如何在ArkTS中使用注解?
202浏览 • 1回复 待解决