重写layerClass后自定义GradientView自动布局底部约束失效问题

你的问题出在手动设置主layer的frame上，重写layerClass使用CAGradientLayer作为UIView的主layer时，不需要手动同步layer的frame和视图的bounds——UIView会自动完成这个同步工作，多余的手动设置反而干扰了Auto Layout的布局流程，导致约束失效。

修复后的代码 #

修改GradientView，移除layoutSubviews中手动设置gradientLayer.frame的代码，只保留渐变属性的更新逻辑：

class GradientView: UIView {
    override class var layerClass: AnyClass { CAGradientLayer.self }
    private var gradientLayer: CAGradientLayer { layer as! CAGradientLayer }

    var colors: [UIColor] = [.clear, .white] { didSet { updateGradient() } }
    var locations: [NSNumber] = [0, 1] { didSet { updateGradient() } }

    // 初始化时就设置渐变属性
    override init(frame: CGRect) {
        super.init(frame: frame)
        updateGradient()
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        updateGradient()
    }

    private func updateGradient() {
        gradientLayer.colors = colors.map { $0.cgColor }
        gradientLayer.locations = locations
    }
}

原因说明 #

1. UIView的主layer（这里是CAGradientLayer）的frame和bounds会由UIView自动管理，完全跟随视图自身的布局变化，不需要手动干预。
2. 你之前在layoutSubviews中手动设置gradientLayer.frame = bounds，会打断UIView与layer的自动同步逻辑，导致Auto Layout计算出的视图位置无法正确应用到layer上，最终表现为视图“跑到顶部”。
3. 当你改用子layer的方式时，主layer还是默认的CALayer，UIView的布局逻辑不受干扰，所以约束能正常生效。

额外验证 #

如果想确认约束是否真的生效，可以使用Xcode的Debug View Hierarchy工具，查看GradientView的实际frame和约束状态，就能看到修复后视图会正确贴合父视图底部，高度为100。

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