Swift中如何通过UIKit Dynamics实现圆形边界容纳UIView？

没问题！其实UIKit Dynamics早就支持自定义碰撞边界，刚好能满足你创建圆形容器的需求，我给你详细说下实现方法：

核心思路 #

UIKit的UICollisionBehavior不仅支持视图间的碰撞反弹，还允许我们自定义路径边界。我们只需要用UIBezierPath绘制一个圆形路径，把它设为碰撞边界，就能让内部的视图被限制在这个圆形区域内，不会超出边界。

完整代码示例 #

下面是一个可直接运行的示例，实现了圆形边界容纳小方块的效果：

import UIKit

class ViewController: UIViewController {
    
    private var animator: UIDynamicAnimator!
    private var collisionBehavior: UICollisionBehavior!
    private var gravityBehavior: UIGravityBehavior!

    override func viewDidLoad() {
        super.viewDidLoad()
        setupDynamicViews()
        setupDynamicBehaviors()
    }
    
    private func setupDynamicViews() {
        // 创建需要被限制的小视图
        let squareView = UIView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))
        squareView.backgroundColor = .systemBlue
        squareView.center = view.center
        view.addSubview(squareView)
        
        // 可选：添加圆形边界的可视化图层，方便调试
        let circleRadius: CGFloat = 150
        let boundaryLayer = CAShapeLayer()
        boundaryLayer.path = UIBezierPath(arcCenter: view.center, radius: circleRadius, startAngle: 0, endAngle: .pi * 2, clockwise: true).cgPath
        boundaryLayer.strokeColor = UIColor.systemRed.cgColor
        boundaryLayer.fillColor = UIColor.clear.cgColor
        boundaryLayer.lineWidth = 2
        view.layer.addSublayer(boundaryLayer)
    }
    
    private func setupDynamicBehaviors() {
        // 初始化动态动画器，以当前控制器的view为参考坐标系
        animator = UIDynamicAnimator(referenceView: view)
        
        // 创建碰撞行为，添加要限制的视图
        let squareView = view.subviews.first!
        collisionBehavior = UICollisionBehavior(items: [squareView])
        
        // 关闭默认的方形参考边界，只使用我们自定义的圆形边界
        collisionBehavior.translatesReferenceBoundsIntoBoundary = false
        
        // 创建圆形边界路径
        let circleRadius: CGFloat = 150
        let circlePath = UIBezierPath(arcCenter: view.center, radius: circleRadius, startAngle: 0, endAngle: .pi * 2, clockwise: true)
        
        // 将圆形路径添加为碰撞边界
        collisionBehavior.addBoundary(withIdentifier: "CircleBoundary" as NSCopying, for: circlePath)
        
        // 添加重力行为，让视图产生运动，方便观察边界效果
        gravityBehavior = UIGravityBehavior(items: [squareView])
        animator.addBehavior(gravityBehavior)
        animator.addBehavior(collisionBehavior)
    }
}

关键要点解析 #

• 关闭默认方形边界：一定要设置collisionBehavior.translatesReferenceBoundsIntoBoundary = false，否则默认的方形边界会和我们的圆形边界同时生效，达不到预期效果。
• 坐标系对应：圆形路径的arcCenter是相对于UIDynamicAnimator的referenceView（这里是控制器的view）的坐标，所以直接用view.center就能让圆形边界居中显示。
• 多视图支持：如果需要多个视图被限制在圆形内，只需要把所有视图都加入collisionBehavior的items数组即可。
• 可视化调试：添加CAShapeLayer可以让圆形边界可见，方便你调整半径和位置，调试完成后可以移除这段代码。

扩展玩法 #

你还可以搭配其他动态行为丰富交互：

• 添加UISnapBehavior让视图吸附到圆形内的某个点
• 添加UIPushBehavior给视图一个初始推力
• 调整collisionBehavior的elasticity属性，让视图碰撞边界时的弹性更真实

这样就能完美实现你想要的圆形边界容纳UIView的效果啦！

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