如何编程初始化依赖父视图Bounds的子视图并解决约束失效问题

我完全懂你踩的这个坑——在Interface Builder里布局一切正常，手动写代码初始化就乱套，核心原因就是父视图的Bounds在子视图初始化阶段还没最终确定，导致你基于父Bounds设置的约束根本没起作用。下面给你几个实用的解决思路：

1. 把子视图创建与约束逻辑移到layoutSubviews() #

layoutSubviews()是UIKit专门用来处理布局更新的回调，每次视图Bounds变化时都会触发，这里拿到的Bounds肯定是最新的。但要注意避免重复创建子视图：

class CustomView: UIView {
    private var firstSubview: UIView?
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupBaseStyle() // 只做基础配置，比如背景色、默认属性
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupBaseStyle()
    }
    
    private func setupBaseStyle() {
        backgroundColor = .lightGray
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        
        // 避免重复创建子视图
        guard firstSubview == nil else {
            // 如果需要随Bounds变化更新约束，在这里处理
            updateSubviewConstraints()
            return
        }
        
        // 初始化子视图
        let subview = UIView()
        subview.backgroundColor = .red
        subview.translatesAutoresizingMaskIntoConstraints = false
        addSubview(subview)
        firstSubview = subview
        
        // 基于当前最新Bounds设置约束
        NSLayoutConstraint.activate([
            subview.widthAnchor.constraint(equalToConstant: bounds.width * 0.5),
            subview.heightAnchor.constraint(equalToConstant: bounds.height * 0.5),
            subview.centerXAnchor.constraint(equalTo: centerXAnchor),
            subview.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
    }
    
    private func updateSubviewConstraints() {
        guard let subview = firstSubview else { return }
        // 先移除旧的尺寸约束
        NSLayoutConstraint.deactivate(subview.constraints.filter {
            $0.firstAttribute == .width || $0.firstAttribute == .height
        })
        // 绑定最新的Bounds尺寸
        NSLayoutConstraint.activate([
            subview.widthAnchor.constraint(equalToConstant: bounds.width * 0.5),
            subview.heightAnchor.constraint(equalToConstant: bounds.height * 0.5)
        ])
    }
}

2. 通过didSet监听自身Bounds变化 #

如果你不想在layoutSubviews()里处理逻辑，可以给CustomView的bounds属性加监听，当Bounds更新时触发约束调整：

class CustomView: UIView {
    let firstSubview = UIView()
    
    override var bounds: CGRect {
        didSet {
            // Bounds变化时自动更新约束
            updateSubviewConstraints()
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupSubviews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupSubviews()
    }
    
    private func setupSubviews() {
        firstSubview.backgroundColor = .red
        firstSubview.translatesAutoresizingMaskIntoConstraints = false
        addSubview(firstSubview)
        
        // 先设置不依赖Bounds的约束（比如居中）
        NSLayoutConstraint.activate([
            firstSubview.centerXAnchor.constraint(equalTo: centerXAnchor),
            firstSubview.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
        
        // 初始化时调用一次约束设置
        updateSubviewConstraints()
    }
    
    private func updateSubviewConstraints() {
        NSLayoutConstraint.deactivate(firstSubview.constraints.filter {
            $0.firstAttribute == .width || $0.firstAttribute == .height
        })
        NSLayoutConstraint.activate([
            firstSubview.widthAnchor.constraint(equalToConstant: bounds.width * 0.5),
            firstSubview.heightAnchor.constraint(equalToConstant: bounds.height * 0.5)
        ])
    }
}

3. 改用相对比例约束（最推荐） #

其实最省心的做法是不要直接绑定固定值到Bounds的宽高，而是用相对父视图的比例约束，UIKit会自动处理所有布局变化，不需要你手动监听或更新：

class CustomView: UIView {
    let firstSubview = UIView()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupSubviews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupSubviews()
    }
    
    private func setupSubviews() {
        firstSubview.backgroundColor = .red
        firstSubview.translatesAutoresizingMaskIntoConstraints = false
        addSubview(firstSubview)
        
        // 用比例约束替代固定值，完全不依赖Bounds
        NSLayoutConstraint.activate([
            firstSubview.widthAnchor.constraint(equalTo: widthAnchor, multiplier: 0.5),
            firstSubview.heightAnchor.constraint(equalTo: heightAnchor, multiplier: 0.5),
            firstSubview.centerXAnchor.constraint(equalTo: centerXAnchor),
            firstSubview.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
    }
}

这种方式不需要你处理任何Bounds变化的监听，UIKit会自动在父视图尺寸更新时调整子视图布局，是最符合AutoLayout设计思想的方案。

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