HarmonyOS 鸿蒙Next：不知道是文档错了，还是Image缩放属性有点小问题

发布于 1周前 作者 htzhanglong 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next：不知道是文档错了，还是Image缩放属性有点小问题
现.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 鸿蒙Next：不知道是文档错了，还是Image缩放属性有点小问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复 
@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%')
  }
}

更多关于HarmonyOS 鸿蒙Next：不知道是文档错了，还是Image缩放属性有点小问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对您提到的HarmonyOS 鸿蒙Next中的Image缩放属性问题，首先需要确认的是，该问题是否确实存在于鸿蒙系统的官方文档中，或者是您在实际开发过程中遇到的特定情况。

  1. 核对文档：请再次仔细查阅HarmonyOS的官方文档，特别是关于Image组件的缩放属性部分，确保您对属性的理解和使用方式是正确的。

  2. 实际测试：在开发环境中，尝试不同的缩放属性值，观察Image组件的实际表现，是否与预期一致。同时，检查是否有其他属性或样式影响了Image的缩放效果。

  3. 社区和论坛：访问鸿蒙开发者社区或相关论坛，查看是否有其他开发者遇到并解决了类似的问题。这些平台往往能提供丰富的经验和解决方案。

  4. 版本更新：确认您使用的HarmonyOS版本是否为最新，有时候问题可能在新版本中已经被修复。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。在联系客服时，请提供详细的问题描述、操作步骤、测试环境以及您已经尝试过的解决方案，这将有助于客服人员更快地定位并解决问题。

回到顶部