如何将UIPanGestureRecognizer平移坐标转为全局坐标以实现图片碰撞检测？

我之前也踩过这个坐标不统一的坑，核心就是把局部坐标转换成统一的全局坐标系统，这样两个视图的位置才能准确对比。下面给你分步拆解解决方案：

核心方法：UIView的convert(_:to:) #

UIKit自带的convert(_:to:)是解决坐标转换的关键，它能把一个视图坐标系下的矩形/点，转换成另一个视图坐标系下的对应值。我们通常用window作为全局坐标基准，因为它是所有视图的顶层容器，能保证坐标系统一。

方案一：直接转换Cell内图片的局部坐标 #

如果你的拖拽操作直接在Cell内的图片上进行，可以这样处理：

@objc func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
    guard let draggedImageView = gesture.view as? UIImageView,
          let parentCell = draggedImageView.superview as? UICollectionViewCell,
          let window = UIApplication.shared.keyWindow else { return }

    // 获取手势相对于Cell的平移量
    let translation = gesture.translation(in: parentCell)
    
    // 更新图片在Cell内的位置（局部坐标）
    draggedImageView.center = CGPoint(
        x: draggedImageView.center.x + translation.x,
        y: draggedImageView.center.y + translation.y
    )
    
    // 重置平移量，避免每次触发手势时累积偏移
    gesture.setTranslation(.zero, in: parentCell)
    
    // 将图片的边界矩形转换为Window坐标系下的全局坐标
    let globalDraggedFrame = draggedImageView.convert(draggedImageView.bounds, to: window)
    
    // 把目标图片的坐标也转换成全局坐标
    guard let targetImageView = yourTargetImageView else { return }
    let globalTargetFrame = targetImageView.convert(targetImageView.bounds, to: window)
    
    // 检测两个全局矩形是否相交
    if globalDraggedFrame.intersects(globalTargetFrame) {
        print("碰撞触发！")
        // 这里添加你的碰撞处理逻辑
    }
}

方案二：将图片移到Window上拖拽（更推荐） #

UICollectionView的Cell存在复用机制，如果拖拽过程中Cell被复用，可能会出现图片突然消失或位置异常的问题。更稳妥的做法是在手势开始时，把图片复制一份到Window上，直接在顶层视图拖拽：

@objc func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
    guard let originalImageView = gesture.view as? UIImageView,
          let window = UIApplication.shared.keyWindow else { return }

    switch gesture.state {
    case .began:
        // 创建一个和原图片一模一样的视图，添加到Window
        let dragImageView = UIImageView(image: originalImageView.image)
        dragImageView.frame = originalImageView.convert(originalImageView.bounds, to: window)
        dragImageView.tag = 999 // 给个标签方便后续移除
        window.addSubview(dragImageView)
        
        // 让手势后续作用于这个新视图
        gesture.view = dragImageView
        
    case .changed:
        // 直接用Window作为坐标系获取平移量
        let translation = gesture.translation(in: window)
        let currentCenter = gesture.view!.center
        
        gesture.view!.center = CGPoint(
            x: currentCenter.x + translation.x,
            y: currentCenter.y + translation.y
        )
        gesture.setTranslation(.zero, in: window)
        
        // 碰撞检测：此时拖拽视图的frame已经是全局坐标，直接对比即可
        guard let targetImageView = yourTargetImageView else { return }
        let globalTargetFrame = targetImageView.convert(targetImageView.bounds, to: window)
        
        if gesture.view!.frame.intersects(globalTargetFrame) {
            print("碰撞发生啦！")
        }
        
    case .ended, .cancelled:
        // 拖拽结束后，移除Window上的临时视图（或根据需求归位）
        gesture.view?.removeFromSuperview()
        
    default:
        break
    }
}

注意事项 #

• iOS 13+ 适配：如果是多场景应用，建议用UIApplication.shared.connectedScenes.first?.keyWindow替代UIApplication.shared.keyWindow来获取当前活跃的Window。
• 碰撞检测精度：如果需要更精确的碰撞（比如只检测图片非透明区域），可以用UIGraphicsImageRenderer生成图片的alpha掩码，再对比像素级的重叠，但一般场景下intersects(_:)已经足够。

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