如何阻止UIPanGestureRecognizer拖动超过阈值并解决回退异常？

从你的演示能看到，把按钮拖到目标中心后，就算手指离开按钮往回拖动，按钮还是会跟着移动，这个问题的核心原因是你把UIPanGestureRecognizer添加到了整个父视图上，而不是绑定到XButton本身。这样一来，只要在视图内拖动，不管手指有没有碰到按钮，手势都会触发并修改按钮位置。

另外，原代码的边界控制逻辑也可以优化得更简洁流畅，下面是具体的修复步骤：

1. 将手势绑定到XButton上 #

把UIPanGestureRecognizer直接添加到xButton，而不是父视图：

let xGestureDrag = UIPanGestureRecognizer(target: self, action: #selector(AdViewPageVC.xButtonWasDragged(_:)))
xButton.addGestureRecognizer(xGestureDrag) // 替换原来的self.view.addGestureRecognizer(...)

这样只有当用户拖动XButton本身时，手势才会响应，彻底解决“手指不在按钮上仍触发拖动”的问题。

2. 优化拖动逻辑 #

调整手势处理方法，简化边界判断并完善状态覆盖：

@objc func xButtonWasDragged(_ sender: UIPanGestureRecognizer) {
    guard let draggedButton = sender.view as? UIButton else { return }
    
    switch sender.state {
    case .began:
        // 手势开始时将按钮置于最上层，只需执行一次
        view.bringSubviewToFront(draggedButton)
    case .changed:
        let translation = sender.translation(in: view)
        // 计算新的X中心，并限制范围：不小于初始位置，不超过目标中心
        let newCenterX = draggedButton.center.x + translation.x
        let clampedCenterX = max(startingPointxBtn, min(newCenterX, largeCircle.center.x))
        draggedButton.center = CGPoint(x: clampedCenterX, y: draggedButton.center.y)
        // 重置translation，避免偏移累积
        sender.setTranslation(.zero, in: view)
    case .ended, .cancelled:
        // 手势结束/取消时，判断是否接近目标中心，自动归位
        let distanceToTarget = abs(largeCircle.center.x - draggedButton.center.x)
        if distanceToTarget <= 35.0 {
            draggedButton.center = largeCircle.center
        } else {
            draggedButton.center.x = startingPointxBtn
        }
    default:
        break
    }
}

关键修改说明 #

• 绑定手势到按钮：确保只有拖动按钮时才触发手势，避免无关区域的拖动影响按钮状态。
• 安全解包视图：用guard语句确保手势触发的视图是预期的按钮类型，提升代码健壮性。
• 简化边界判断：用max+min一行代码完成X轴范围限制，比多个if-else更简洁清晰。
• 覆盖取消状态：处理手势被意外取消的场景（比如来电打断），保证按钮最终状态正确。

这样修改后，就能实现你想要的效果：按钮只能向前拖动到目标中心，不能向后越过初始位置，且只有拖动按钮本身时才会响应手势。

内容的提问来源于stack exchange，提问作者A. Petrizza