鸿蒙 HarmonyOS ArkTS ArkUI 动画中心旋转、空翻、旋转缩放

特创数字科技

已于 2024-01-21 15:16:55 修改

阅读量2.2k

点赞数 16

CC 4.0 BY-SA版权

分类专栏：鸿蒙HarmonyOS社区文章标签： harmonyos 前端华为 css 鸿蒙

于 2024-01-21 15:16:39 首次发布

本文链接：https://blog.csdn.net/weixin_54226053/article/details/135729994

    @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('#ffc44f4f')
            .rotate({
              x: 0,
              y: 0,
              z: 1,
              angle: this.angleA,
              centerX:100,
              centerY:100,
            })
            Text('中心旋转')
              .fontSize(20)
              .fontWeight(FontWeight.Bold)