SwiftUI中如何同时识别两个拖拽手势？

你不需要用两个独立的DragGesture，直接将DragGesture与MagnifyGesture组合，通过正确的状态跟踪即可同时实现双指平移和缩放。以下是两种可用方案：

方案一：SwiftUI原生手势组合 #

直接通过.simultaneously(with:)绑定两个手势，同时处理缩放和平移的状态更新：

import SwiftUI

struct DualGestureDemo: View {
    @State private var scale: CGFloat = 1.0
    @State private var offset: CGSize = .zero
    // 记录手势开始前的初始状态，避免操作时重置位置/缩放
    @State private var initialScale: CGFloat = 1.0
    @State private var initialOffset: CGSize = .zero
    
    var body: some View {
        Rectangle()
            .fill(Color.orange)
            .frame(width: 200, height: 200)
            .offset(offset)
            .scaleEffect(scale)
            .gesture(
                // 组合缩放手势和最小距离为0的拖动手势（确保触摸即触发）
                MagnifyGesture()
                    .simultaneously(with: DragGesture(minimumDistance: 0))
                    .onChanged { combinedValue in
                        // 处理缩放
                        self.scale = self.initialScale * (combinedValue.first?.magnification ?? 1.0)
                        // 处理双指平移：DragGesture的translation对应双指中心的移动
                        let dragTranslation = combinedValue.second?.translation ?? .zero
                        self.offset = CGSize(
                            width: self.initialOffset.width + dragTranslation.width,
                            height: self.initialOffset.height + dragTranslation.height
                        )
                    }
                    .onEnded { _ in
                        // 保存当前状态作为下一次操作的初始值
                        self.initialScale = self.scale
                        self.initialOffset = self.offset
                    }
            )
    }
}

方案二：桥接UIKit手势（更灵活的双指跟踪） #

如果需要更精细地控制双指行为，可通过UIViewRepresentable桥接UIKit的手势识别器，强制允许双指平移和缩放同时生效：

import SwiftUI
import UIKit

struct DualGestureUIKitWrapper: UIViewRepresentable {
    @Binding var scale: CGFloat
    @Binding var offset: CGSize
    
    func makeUIView(context: Context) -> UIView {
        let view = UIView()
        view.backgroundColor = .orange
        
        // 双指缩放手势
        let pinchGesture = UIPinchGestureRecognizer(target: context.coordinator, action: #selector(context.coordinator.handlePinch))
        // 双指平移手势（限制最少2根手指）
        let panGesture = UIPanGestureRecognizer(target: context.coordinator, action: #selector(context.coordinator.handlePan))
        panGesture.minimumNumberOfTouches = 2
        
        // 设置代理允许两个手势同时识别
        pinchGesture.delegate = context.coordinator
        panGesture.delegate = context.coordinator
        
        view.addGestureRecognizer(pinchGesture)
        view.addGestureRecognizer(panGesture)
        
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
        uiView.transform = CGAffineTransform(scaleX: scale, y: scale)
            .translatedBy(x: offset.width, y: offset.height)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UIGestureRecognizerDelegate {
        let parent: DualGestureUIKitWrapper
        var initialScale: CGFloat = 1.0
        var initialOffset: CGSize = .zero
        
        init(_ parent: DualGestureUIKitWrapper) {
            self.parent = parent
        }
        
        @objc func handlePinch(_ gesture: UIPinchGestureRecognizer) {
            switch gesture.state {
            case .began: initialScale = parent.scale
            case .changed: parent.scale = initialScale * gesture.scale
            default: break
            }
        }
        
        @objc func handlePan(_ gesture: UIPanGestureRecognizer) {
            switch gesture.state {
            case .began: initialOffset = parent.offset
            case .changed:
                let translation = gesture.translation(in: gesture.view)
                parent.offset = CGSize(
                    width: initialOffset.width + translation.width,
                    height: initialOffset.height + translation.height
                )
                gesture.setTranslation(.zero, in: gesture.view)
            default: break
            }
        }
        
        // 核心：允许两个手势同时识别
        func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
            return true
        }
    }
}

// 使用示例
struct UIKitGestureDemo: View {
    @State private var scale: CGFloat = 1.0
    @State private var offset: CGSize = .zero
    
    var body: some View {
        DualGestureUIKitWrapper(scale: $scale, offset: $offset)
            .frame(width: 200, height: 200)
    }
}

之前方案无效的原因 #

• 两个独立DragGesture会被系统优先识别为单指操作，无法同时触发双指的拖拽事件
• 直接使用.simultaneously(with:)但未跟踪初始状态，导致每次手势更新时位置/缩放被重置
• MagnifyGesture仅提供缩放数据，确实不包含平移信息，必须与DragGesture组合使用

内容的提问来源于stack exchange，提问作者rayaantaneja