文档开发者中心
我的
|

UI

HarmonyOS 5

自定义弹窗中的组件如何显示动画

我想给在自定义弹窗CustomDialog中的一个Image添加个自动旋转的动画

收起
自动换行
深色代码主题
复制
Image($r('app.media.baifoing')).width(50).height(50).margin({ right: 20, bottom: 20 })
  .rotate({ x: 0, y: 0, z: 1, angle: 360, centerX:100, centerY:100 })
  .animation({ duration: 2000, curve: Curve.Linear, iterations: -1 })

请问为什么没有效果,该如何修改?

点赞
收藏
1
回复
2
分享
举报
浏览190 发布于2024-11-07 03:17广东
全部评论
最多点赞
最新发布
最早发布
常量数据是从始如一的效果,要实现动画,需要引入状态管理的概念进行实现。
2楼回复于2024-11-07 12:11 来自广东
收起
自动换行
深色代码主题
复制
@state angel:number=0
Image($r('app.media.baifoing')).width(50).height(50).margin({ right: 20, bottom: 20 })
  .rotate({ x: 0, y: 0, z: 1, angle: this.angel, centerX:100, centerY:100 })
  .animation({ duration: 2000, curve: Curve.Linear, iterations: -1 }).aboutToAppear(()=>{
this.angel=360
})
1楼回复于2024-11-07 06:10 来自上海
写回答
新增插入模板功能
一键使用模板,快速填写内容,轻松发帖~
知道了
  • 为了保障您的信息安全,请勿上传您的敏感个人信息(如您的密码等信息)和您的敏感资产信息(如关键源代码、签名私钥、调试安装包、业务日志等信息),且您需自行承担由此产生的信息泄露等安全风险。
  • 如您发布的内容为转载内容,请注明内容来源。

我要提问题

了解社区公约,与您携手共创和谐专业的开发者社区。