iOS开发中如何将移动小圆约束在固定大圆内

核心几何逻辑 #

大圆（半径t）与小圆（半径r）的约束核心是：小圆中心到大圆中心的最大允许距离为t - r。当两者中心距离等于这个值时，小圆刚好贴在大圆内侧，不会超出边界。

具体实现步骤 #

• 计算偏移后小圆中心与大圆中心的向量关系
  假设大圆中心坐标为(bx, by)，添加偏移量后得到的小圆新中心坐标为(ax_new, ay_new)：
  1. 计算坐标差：dx = ax_new - bx，dy = ay_new - by
  2. 计算两点间距离：distance = sqrt(dx*dx + dy*dy)
• 判断是否超出约束范围
  • 若distance <= t - r：无需调整，直接使用新坐标渲染小圆
  • 若distance > t - r：需要将小圆中心拉回允许的最大位置
• 修正超出时的坐标
  1. 计算方向单位向量：unit_dx = dx / distance，unit_dy = dy / distance
  2. 计算修正后的中心坐标：

     ax_corrected = bx + unit_dx * (t - r)
     ay_corrected = by + unit_dy * (t - r)
     

  用修正后的坐标作为小圆的新中心，即可保证小圆不会超出大圆边界。

Swift代码示例 #

// 大圆参数
let bigCircleCenter = CGPoint(x: 200, y: 200)
let bigRadius: CGFloat = 150
// 小圆参数
let smallRadius: CGFloat = 30
// 添加偏移量后得到的小圆临时中心
var smallCircleTempCenter = CGPoint(x: 380, y: 200)

// 计算向量与距离
let dx = smallCircleTempCenter.x - bigCircleCenter.x
let dy = smallCircleTempCenter.y - bigCircleCenter.y
let distance = sqrt(dx*dx + dy*dy)
let maxAllowedDistance = bigRadius - smallRadius

// 修正超出边界的坐标
if distance > maxAllowedDistance {
    let unitDx = dx / distance
    let unitDy = dy / distance
    smallCircleTempCenter.x = bigCircleCenter.x + unitDx * maxAllowedDistance
    smallCircleTempCenter.y = bigCircleCenter.y + unitDy * maxAllowedDistance
}

// 使用修正后的坐标绘制小圆
// drawCircle(at: smallCircleTempCenter, radius: smallRadius)

补充说明 #

如果后续需要实现碰撞反弹效果，只需在修正坐标的同时，将速度向量沿大圆切线方向反射即可；但针对你当前"触碰边界时停止"的需求，上述逻辑已完全满足。

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