HarmonyOS .scale没有动画效果

.scale根本就没有动画效果

@Component ImageScale {

  @State scaleValue: ScaleOptions = { x: 1, y: 1, z: 1 }

  build() {
    Column() {
      Image(this.viewModel?.item?.image?.hdUrl)
        .width("100%")
        .aspectRatio(1.0)
        .animation({ duration: 200, curve: "ease" })
        .scale(this.scaleValue)
        .gesture(TapGesture({ count: 2 }).onAction((event: GestureEvent) => {
          let width = event.target.area.width.valueOf() as number
          let height = event.target.area.height.valueOf() as number
          let centerX = event.fingerList[0].localX / width
          let centerY = event.fingerList[0].localY / height

          if (this.scaleMode) {
            this.scaleMode = false
            this.scaleValue = {x : 1, y : 1}
          } else {
            this.scaleMode = true
            this.scaleValue = {x : 2, y : 2, centerX: `${centerX * 100}%`, centerY:`${centerY * 100}%`}
          }
        }))
    }
  }
}
HarmonyOS
3h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

参考此代码实现

@Entry
@Component
struct AnimationPage {
  @State message: string = 'Hello World fhlsfslfslfhklafhlaskhfkjsfhjksadfhlkjsafsafhkjsfhkljfhjksafhkjasfksfh';
  @State textY:number = 0

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(20)
          .fontWeight(FontWeight.Bold)
          .scale({x:1,y:this.textY})
          .animation({
            duration:2000,
            curve: "linear"
          }).id("text")

        Button("点击动画展开").onClick((ele)=>{
          this.textY = 1
        }).width(200).height(50)
          .backgroundColor(Color.Pink).borderRadius(10)
      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
1h前
相关问题
属性动画如何实现宽高动画效果
2032浏览 • 1回复 待解决
如何实现动画转场效果
836浏览 • 1回复 待解决
HarmonyOS 没有全局的api loading动画
397浏览 • 1回复 待解决
Tabs 出现/消失转场动画效果
382浏览 • 1回复 待解决
文字动画效果如何实现
1892浏览 • 0回复 待解决
panGesture结合动画实现fling效果
890浏览 • 1回复 待解决
在 ArkUl中如何实现动画效果?
127浏览 • 0回复 待解决
如何实现list的折叠动画效果
498浏览 • 1回复 待解决
鸿蒙中怎么实现动画翻转效果
10505浏览 • 2回复 待解决
求助动画效果问题有懂的吗?
4182浏览 • 1回复 待解决
subscribeInfo.setDeviceId()没有效果
4263浏览 • 1回复 已解决