请教一下,鸿蒙中怎么实现组件翻转动画?有没有代码参考呀?

请教一下,鸿蒙中怎么实现组件翻转动画?有没有代码参考呀?

HarmonyOS NEXT
2025-06-26 14:10:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
夜尽之寒

可以通过设置rotate实现,如:

@Entry
@Component
struct Index {
  @State widthA: number = 200
  @State heightA: number= 200
  @State angleA:number = 0

  onPageShow():void{
    animateTo ({
      duration: 2000,
      iterations: -1,
      curve:Curve.Linear
    }, () => {
      this.widthA = 0
      this.heightA = 0
      this.angleA = 360
    })
  }

  build() {
    Column() {
      Column(){}
      .width(200)
      .height(200)
      .backgroundColor(Color.Pink)
      .rotate({
        x: 0,
        y: 1,
        z: 0,
        angle: this.angleA,
        centerX:100,
        centerY:100,
      })
    }
    .width('100%')
    .margin({top:40})
  }
}

rotate具体使用可以参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-transformation-V5#rotate​

分享
微博
QQ
微信
回复
2025-06-27 17:17:21
相关问题
鸿蒙怎么实现动画翻转效果
11823浏览 • 2回复 待解决
请教一下如何实现函数的重载
2079浏览 • 1回复 待解决
请教一下关于应用分栏实现
2656浏览 • 1回复 待解决
请教一下关于Ticktimer 的疑问?
4581浏览 • 1回复 待解决
请教一下如何开关闪光灯
1796浏览 • 1回复 待解决