uniapp监听双指滑动

在 UniApp 中，监听双指滑动（也称为多指滑动或PinchGesture）可以通过使用 `uni.createGestureInstance` 和 `GestureManager` 来实现。以下是一个简单的步骤说明：

1. 首先，导入所需模块：

import { uni, GestureManager } from '@dcloudio/uni-app'

2. 创建一个手势实例并监听PinchGesture事件：

let gesture = uni.createGestureInstance({
  type: 'pinch',
  passive: false, // 设置为true时，会监听到默认的滚动事件，false则只监听pinch事件
  callback: function (e) {
    // 当检测到双指滑动时，e.detail.scale 将包含缩放比例，可以根据这个值进行操作
    const scale = e.detail.scale
    console.log('双指滑动缩放比例:', scale)
  },
})

3. 将手势实例添加到页面的节点上，使其生效：

// 如果需要监听某个UI元素，例如一个view
yourElement.addEventListener('touchstart', function (e) {
  gesture.start(e.touches, e.touches)
})

yourElement.addEventListener('touchmove', function (e) {
  gesture.update(e.touches, e.touches)
})

yourElement.addEventListener('touchend', function (e) {
  gesture.stop()
})

4. 最后，记得在页面卸载时销毁手势实例，释放资源：

uni.app.quitCreateGestureInstance(gesture)