HarmonyOS 封装完图片组件，加了个手势互动，重新运行没有更新

HarmonyOS 封装完图片组件，加了个手势互动，重新运行没有更新。

HarmonyOS

zxjiu

2024-10-17 11:00:21

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

参考这段代码：

@Entry  
@Component  
struct Index {  
  @State scaleValue: number = 1  
  @State pinchValue: number = 1  
  @State pinchX: number = 0  
  @State pinchY: number = 0  
  // 拖拽位置  
  @State offsetX: number = 0  
  @State offsetY: number = 0  
  @State positionX: number = 0  
  @State positionY: number = 0  
  build() {  
    Column() {  
      Image($r('app.media.startIcon')).objectFit(ImageFit.Contain)  
        .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })  
        .translate({ x: this.offsetX, y: this.offsetY, z: 0 })  
        .gesture(  
          GestureGroup(GestureMode.Parallel,  
            // 手指捏合触发该手势事件  
            PinchGesture({ fingers: 2 })  
              .onActionStart((event: GestureEvent) => {  
                console.info('Pinch start')  
              })  
              .onActionUpdate((event: GestureEvent) => {  
                if (event) {  
                  this.scaleValue = this.pinchValue * event.scale  
                  this.pinchX = event.pinchCenterX  
                  this.pinchY = event.pinchCenterY  
                }  
              })  
              .onActionEnd((event: GestureEvent) => {  
                this.pinchValue = this.scaleValue  
              }),  
            // 拖动手势事件  
            PanGesture()  
              .onActionUpdate((event?: GestureEvent) => {  
                if (event) {  
                  this.offsetX = this.positionX + event.offsetX  
                  this.offsetY = this.positionY + event.offsetY  
                }  
              })  
              .onActionEnd(() => {  
                this.positionX = this.offsetX  
                this.positionY = this.offsetY  
              })  
          ))  
    }  
    .alignItems(HorizontalAlign.Center)  
    .justifyContent(FlexAlign.Center)  
    .width('100%')  
    .height('100%')  
  }  
}