iOS Swift中拖拽UIView碰撞后被遮挡的问题咨询

你遇到的这个问题其实是UIKit Dynamics默认不会自动管理视图层级（zPosition）导致的——当两个视图发生碰撞时，系统只会处理物理位置的变化，不会主动调整它们的前后显示顺序，所以拖拽的视图就被挤到另一个视图后面去了。下面给你两个实用的解决方案：

方案一：碰撞时动态调整视图层级 #

通过UICollisionBehavior的代理回调，在检测到碰撞时主动把拖拽视图放到最上层，同时在拖拽开始时也提前确保它的层级优先级。

补全后的完整代码如下：

import UIKit

class ViewController: UIViewController {
    var greenSquare: UIView?
    var redSquare: UIView?
    var animator: UIDynamicAnimator?
    var panGesture = UIPanGestureRecognizer()
    var collisionBehavior: UICollisionBehavior!
    var itemBehavior: UIDynamicItemBehavior!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 初始化两个测试视图
        greenSquare = UIView(frame: CGRect(x: 50, y: 100, width: 80, height: 80))
        greenSquare?.backgroundColor = .green
        view.addSubview(greenSquare!)
        
        redSquare = UIView(frame: CGRect(x: 200, y: 100, width: 80, height: 80))
        redSquare?.backgroundColor = .red
        view.addSubview(redSquare!)
        
        // 初始化动态动画器
        animator = UIDynamicAnimator(referenceView: view)
        
        // 配置碰撞行为
        collisionBehavior = UICollisionBehavior(items: [greenSquare!, redSquare!])
        collisionBehavior.translatesReferenceBoundsIntoBoundary = true
        collisionBehavior.collisionDelegate = self // 开启碰撞回调
        animator?.addBehavior(collisionBehavior)
        
        // 添加物理属性（比如弹性，让碰撞更真实）
        itemBehavior = UIDynamicItemBehavior(items: [greenSquare!, redSquare!])
        itemBehavior.elasticity = 0.6
        animator?.addBehavior(itemBehavior)
        
        // 绑定平移手势
        panGesture.addTarget(self, action: #selector(handlePan(_:)))
        greenSquare?.addGestureRecognizer(panGesture)
    }
    
    @objc func handlePan(_ gesture: UIPanGestureRecognizer) {
        guard let draggedView = gesture.view, let animator = animator else { return }
        
        let offset = gesture.translation(in: view)
        
        switch gesture.state {
        case .began:
            // 拖拽开始时先移除可能存在的吸附行为
            animator.behaviors.filter { $0 is UISnapBehavior }.forEach(animator.removeBehavior)
            // 立刻把拖拽视图放到最上层
            draggedView.superview?.bringSubviewToFront(draggedView)
        case .changed:
            // 更新拖拽视图的位置
            draggedView.center = CGPoint(x: draggedView.center.x + offset.x, y: draggedView.center.y + offset.y)
            gesture.setTranslation(.zero, in: view)
        case .ended:
            // 结束拖拽时添加吸附行为，让视图停在当前位置（可选）
            let snap = UISnapBehavior(item: draggedView, snapTo: draggedView.center)
            animator.addBehavior(snap)
        default:
            break
        }
    }
}

// 实现碰撞代理，处理碰撞时的层级调整
extension ViewController: UICollisionBehaviorDelegate {
    func collisionBehavior(_ behavior: UICollisionBehavior, beganContactFor item1: UIDynamicItem, item2: UIDynamicItem, at p: CGPoint) {
        // 判断哪个是拖拽视图，把它放到最上层
        if let draggedView = item1 as? UIView, draggedView == greenSquare {
            draggedView.superview?.bringSubviewToFront(draggedView)
        } else if let draggedView = item2 as? UIView, draggedView == greenSquare {
            draggedView.superview?.bringSubviewToFront(draggedView)
        }
    }
}

关键细节：

• 拖拽开始时调用bringSubviewToFront，提前确保拖拽视图的层级优先级
• 通过UICollisionBehaviorDelegate的碰撞回调，再次强制调整层级，避免碰撞后被覆盖

方案二：给拖拽视图设置固定高zPosition #

如果你的场景中拖拽视图始终需要在最上层，也可以直接在初始化时给它设置一个更高的layer.zPosition值，这样不管怎么碰撞，它都会保持在其他视图上方：

// 初始化绿色拖拽视图时添加
greenSquare?.layer.zPosition = 100 // 数值只要比其他视图的默认0高即可

这个方案更简洁，适合逻辑简单的场景；但如果后续有其他视图需要在拖拽视图上方，就需要手动调整zPosition数值。

问题根源 #

UIKit Dynamics的碰撞行为只负责处理视图的物理运动逻辑，不会修改视图的层级关系。视图的显示层级默认由添加到父视图的顺序（后添加的在上方）或layer.zPosition值（数值越大越靠上）决定，碰撞时位置重叠但层级未变，就会出现拖拽视图被遮挡的情况。

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