从Xib加载视图后，AutoLayout完成无法获取子视图正确Frame

看起来你遇到的问题是：虽然父视图mainView的Frame在layoutSubviews里已经正确更新，但它的子视图redView还保留着Xib里的原始尺寸，导致你无法获取正确的Frame来设置圆形。这是因为你在加载Xib时的一个小设置干扰了AutoLayout的正常工作，加上布局时机的问题导致的。

问题根源分析 #

• 多余的autoresizingMask设置：你在loadXIB里给mainView的所有子视图设置了autoresizingMask = [.flexibleWidth, .flexibleHeight]，但mainView本身已经开启了AutoLayout（translatesAutoresizingMaskIntoConstraints = false）。这会让AutoLayout和 autoresizing 系统产生冲突，子视图不会根据Xib里的约束来更新Frame，而是依赖 autoresizing 的规则，而这个规则并不匹配你的布局需求。
• 布局未完全完成：即使移除了上面的设置，有时候在layoutSubviews里直接获取子视图Frame时，子视图的布局可能还没完成，需要手动触发一次布局刷新。

解决方案 #

按照以下步骤修改你的代码：

1. 移除干扰AutoLayout的代码

删除loadXIB里的这一行：

view.subviews.forEach { $0.autoresizingMask = [.flexibleWidth, .flexibleHeight] }

这行代码是不必要的，mainView的子视图应该完全由Xib里的AutoLayout约束来控制布局。

2. 在layoutSubviews里确保子视图完成布局

在获取redView的Frame之前，调用redView.layoutIfNeeded()，强制它完成当前的布局计算，这样就能拿到正确的Frame值。同时在这里实现圆形设置的逻辑。

修改后的layoutSubviews方法：

override func layoutSubviews() {
    super.layoutSubviews()
    // 强制redView完成布局
    redView.layoutIfNeeded()
    
    print ("Self subviews \(self.subviews)") 
    print ("MainView frame \(mainView?.frame)") 
    print ("Red View frame \(redView?.frame)") 

    // 设置redView为圆形
    redView.layer.cornerRadius = redView.bounds.width / 2
    redView.clipsToBounds = true
}

3. （可选）更优雅的圆形实现方式

如果你希望redView始终保持圆形，还可以在Xib里给redView添加宽高相等的约束，这样它永远是正方形，然后直接设置cornerRadius为自身宽度的一半，不需要依赖Frame变化也能保持圆形。

修改后的完整代码 #

class ReusableView: UIView { 
    @IBOutlet weak var redView: UIView! 
    var mainView: UIView? 

    // MARK: - Initializers. 
    override init(frame: CGRect) { 
        super.init(frame: frame) 
        loadXIB() 
    } 

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

    override func layoutSubviews() { 
        super.layoutSubviews() 
        // 强制子视图完成布局
        redView.layoutIfNeeded()
        
        print ("Self subviews \(self.subviews)") 
        print ("MainView frame \(mainView?.frame)") 
        print ("Red View frame \(redView?.frame)") 

        // 设置圆形
        redView.layer.cornerRadius = redView.bounds.width / 2
        redView.clipsToBounds = true
    } 

    func loadXIB() { 
        guard let view = loadView(String(describing: type(of: self))) else { return } 
        print ("View loaded from nib \(view.frame)") 
        view.translatesAutoresizingMaskIntoConstraints = false 
        addSubview(view) 
        NSLayoutConstraint.activate([ 
            view.topAnchor.constraint(equalTo: self.topAnchor), 
            view.leadingAnchor.constraint(equalTo: self.leadingAnchor), 
            view.trailingAnchor.constraint(equalTo: self.trailingAnchor), 
            view.bottomAnchor.constraint(equalTo: self.bottomAnchor), 
        ]) 
        mainView = view 
    } 

    func loadView(_ nibName: String) -> UIView? { 
        if nibName.isEmpty { return nil } 
        let bundle = Bundle(for: type(of: self) as AnyClass) 
        let nib = UINib(nibName: nibName, bundle: bundle) 
        if let view = nib.instantiate(withOwner: self, options: nil).first as? UIView { 
            return view 
        } 
        return nil 
    } 
}

为什么这样能解决问题？ #

• 移除autoresizingMask后，redView会完全遵循Xib里的AutoLayout约束来更新Frame，不再被 autoresizing 规则干扰。
• layoutIfNeeded()会强制redView立即完成当前的布局计算，确保你在layoutSubviews里获取到的是最新的、正确的Frame值。

这样修改后，你就能在layoutSubviews里拿到redView的正确Frame，顺利设置圆形了。

内容的提问来源于stack exchange，提问作者Pablo Sanchez Gomez