Swift中如何设置圆形UIBezierPath的位置使其与timerLabel居中对齐

核心问题来自两个常见错误：坐标系不匹配、路径创建时机不对。 #

1. 坐标系匹配规则 #

创建UIBezierPath用的arcCenter坐标，必须和承载圆形图层（CAShapeLayer）的父视图坐标系保持一致：

• 如果把圆形图层加在timerLabel本身：arcCenter取timerLabel自身内部的中心，即 CGPoint(x: timerLabel.bounds.midX, y: timerLabel.bounds.midY)
• 如果把圆形图层加在timerLabel的父视图上：arcCenter取timerLabel在父视图中的中心，即 timerLabel.center

2. 路径创建时机修正 #

所有依赖控件frame/center的计算代码，不能放在viewDidLoad、viewWillAppear这类生命周期方法中执行——此时自动布局还没完成，控件的坐标都是布局前的初始值，必然会错位。
需要把路径创建、图层更新的逻辑放在布局完成的回调里：

• UIViewController中放在override func viewDidLayoutSubviews()里执行
• 自定义View中放在override func layoutSubviews()里执行

完整示例代码 #

以把圆形图层加在timerLabel上为例：

// 全局声明圆形图层，避免重复创建
private let circularLayer = CAShapeLayer()

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 清空旧图层避免残留
    circularLayer.removeFromSuperlayer()
    
    // 生成正确的圆形路径
    let circularPath = UIBezierPath(
        arcCenter: CGPoint(x: timerLabel.bounds.midX, y: timerLabel.bounds.midY),
        // 半径可按需调整，这里用label宽度的一半减边距，刚好环绕label
        radius: timerLabel.bounds.width / 2 - 4,
        startAngle: -0.5 * CGFloat.pi,
        endAngle: 1.5 * CGFloat.pi,
        clockwise: true
    )
    
    // 配置图层属性
    circularLayer.path = circularPath.cgPath
    circularLayer.fillColor = UIColor.clear.cgColor
    circularLayer.strokeColor = UIColor.systemBlue.cgColor
    circularLayer.lineWidth = 2
    
    // 把图层加到timerLabel上
    timerLabel.layer.addSublayer(circularLayer)
}

如果你要保持原有的半径计算逻辑，只需要把上述代码里的radius参数替换回frame.size.width / 2 - 80即可，只要arcCenter和创建时机正确，就能实现居中。

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