PinchGesture

用于觸發(fā)捏合手勢(shì)，觸發(fā)捏合手勢(shì)的最少手指為2指，最大為5指，最小識(shí)別距離為3vp。

說(shuō)明：
開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
從API Version 7開(kāi)始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

接口

PinchGesture(value?: { fingers?: number, distance?: number })

參數(shù)：

事件

示例

// xxx.ets
@Entry
@Component
struct PinchGestureExample {
  @State scaleValue: number = 1
  @State pinchValue: number = 1
  @State pinchX: number = 0
  @State pinchY: number = 0

  build() {
    Column() {
      Column() {
        Text('PinchGesture scale:n' + this.scaleValue)
        Text('PinchGesture center:n(' + this.pinchX + ',' + this.pinchY + ')')
      }
      .height(200)
      .width(300)
      .padding(20)
      .border({ width: 3 })
      .margin({ top: 100 })
      .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })
      // 三指捏合觸發(fā)該手勢(shì)事件
      .gesture(
      PinchGesture({ fingers: 3 })
        .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(() = > {
          this.pinchValue = this.scaleValue
          console.info('Pinch end')
        })
      )
    }.width('100%')
  }
}

審核編輯 黃宇