实现类似Ins故事贴纸的UIPinchGestureRecognizer跨ImageView缩放功能

嘿，这个场景我做图片编辑工具的时候也踩过坑，咱们来一步步搞定多贴纸下的全局捏合缩放问题～

你的初始思路（给self.view加捏合手势+触摸点检测）方向是对的，但多贴纸时的冲突问题，核心是如何精准判断用户想操作哪一个贴纸，下面给你几个实用的方案：

方案一：按触摸点与贴纸的距离优先级匹配 #

不要只判断触摸连线和贴纸是否相交，改成计算触摸点到每个贴纸的「综合距离」，选最近的那个作为操作对象：

1. 先给每个贴纸（UIImageView）加个唯一标识，比如自定义属性stickerID，或者用tag区分，方便后续遍历识别
2. 在全局捏合手势的回调里这么做：
   • 先拿到两个触摸点的坐标：let touch1 = gesture.location(ofTouch: 0, in: self.view)、let touch2 = gesture.location(ofTouch: 1, in: self.view)
   • 遍历所有贴纸，计算每个贴纸中心到两个触摸点的平均距离（或者贴纸外接矩形到两点连线的最短距离）
   • 挑出距离最小的那个贴纸，作为当前缩放目标
   • 最后把捏合的缩放值应用到这个贴纸的transform上

给你一段Swift的示例代码参考：

@objc func handleGlobalPinch(_ gesture: UIPinchGestureRecognizer) {
    guard gesture.numberOfTouches == 2 else { return }
    
    let touch1 = gesture.location(ofTouch: 0, in: self.view)
    let touch2 = gesture.location(ofTouch: 1, in: self.view)
    
    var targetSticker: UIImageView?
    var minDistance: CGFloat = .greatestFiniteMagnitude
    
    // 遍历视图里所有贴纸（假设你给贴纸加了isSticker的自定义标记）
    for subview in self.view.subviews {
        guard let sticker = subview as? UIImageView, sticker.isSticker else { continue }
        
        // 计算贴纸中心到两个触摸点的平均距离
        let center = sticker.center
        let dist1 = hypot(center.x - touch1.x, center.y - touch1.y)
        let dist2 = hypot(center.x - touch2.x, center.y - touch2.y)
        let avgDist = (dist1 + dist2) / 2
        
        if avgDist < minDistance {
            minDistance = avgDist
            targetSticker = sticker
        }
    }
    
    guard let target = targetSticker else { return }
    
    // 处理手势不同状态，避免缩放值累加错误
    switch gesture.state {
    case .began:
        target.initialTransform = target.transform // 提前存初始transform
    case .changed:
        target.transform = target.initialTransform.scaledBy(x: gesture.scale, y: gesture.scale)
        gesture.scale = 1.0 // 重置scale，保证每次缩放都是基于初始值
    default:
        break
    }
}

方案二：给小贴纸加「隐形热区」 #

既然小贴纸难捏中，不如给每个贴纸套一个比实际尺寸大的透明热区，判断触摸点是否在热区内：

1. 给每个贴纸创建一个透明UIView作为热区，尺寸比贴纸大（比如上下左右各加20pt），和贴纸中心对齐，放在贴纸的下层
2. 把热区和对应的贴纸绑定（比如用tag关联，或者自定义类存贴纸引用）
3. 全局捏合时，判断两个触摸点是否落在同一个热区内，或者至少一个在热区，再结合距离确定操作对象
4. 这种方式能大幅提升小贴纸的可操作性，用户不用精准捏到贴纸本身

方案三：先选中再操作（最直观的用户体验） #

干脆让用户先点击选中贴纸（比如选中后显示高亮边框），之后不管捏合位置在哪，都只缩放当前选中的贴纸：

1. 给每个贴纸加点击手势，点击时标记为选中状态（比如记录当前选中的贴纸实例）
2. 全局捏合手势触发时，直接对选中的贴纸进行缩放
3. 这个方案逻辑最简单，完全避免了自动判断的歧义，多贴纸场景下用户体验更清晰

额外优化小技巧 #

• 一定要处理手势的began/changed/ended状态，提前记录初始transform，不然缩放值会乱累加
• 可以加个距离阈值，比如两个触摸点间距小于10pt时不触发缩放，避免误操作
• 多贴纸时注意手势优先级，别让多个贴纸同时响应

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