如何将CAShapeLayer居中对齐到UITableView中的UIView内

太懂这种卡了好几天的憋屈感！这种视觉对齐的小问题真的磨人，咱们一步步把它搞定：

1. 先确保承载Layer的UIView布局没问题 #

首先得保证那个灰色UIView在UITableViewCell里的布局是稳定的——给它设置明确的centerX/centerY约束，或者固定宽高约束，避免它的frame在cell复用、滚动时莫名其妙变化，毕竟Layer的位置是依赖父View的bounds的。

2. 用layoutSubviews动态更新Layer（最靠谱的方式） #

别直接硬写frame，UIView的layoutSubviews方法会在布局变化时自动触发，咱们在这里动态计算Layer的居中位置：

class CustomGrayView: UIView {
    let yellowShapeLayer = CAShapeLayer()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupLayer()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupLayer()
    }
    
    private func setupLayer() {
        yellowShapeLayer.fillColor = UIColor.yellow.cgColor
        layer.addSublayer(yellowShapeLayer)
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 计算居中区域：比如比父View小20pt的正方形，你可以按需调整大小
        let targetSize = min(bounds.width, bounds.height) - 20
        let originX = (bounds.width - targetSize) / 2
        let originY = (bounds.height - targetSize) / 2
        let centerRect = CGRect(x: originX, y: originY, width: targetSize, height: targetSize)
        
        // 给Layer设置路径
        yellowShapeLayer.path = UIBezierPath(rect: centerRect).cgPath
        // 如果是圆形就换成UIBezierPath(ovalIn: centerRect)
    }
}

这样不管父View的bounds怎么变，黄色Layer都会自动跟着居中。

3. 排查潜在的布局干扰 #

• 检查有没有在cell的cellForRowAt或layoutSubviews里意外修改了灰色UIView的frame
• 如果是用Storyboard/XIB做的布局，看看约束有没有警告或冲突，确保灰色View的大小和位置是确定的

4. 调试小妙招 #

给灰色UIView和黄色Layer分别加不同颜色的边框，直观看到两者的位置关系：

// 给灰色UIView加红色边框
self.layer.borderColor = UIColor.red.cgColor
self.layer.borderWidth = 1

// 给黄色Layer加蓝色边框
yellowShapeLayer.strokeColor = UIColor.blue.cgColor
yellowShapeLayer.lineWidth = 1

对比颜色就能快速定位：是灰色View本身没居中，还是Layer的计算出了问题。

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