Interface Builder无法拉伸自定义视图子视图的问题求助

这个场景我太熟悉了！运行时一切正常但IB预览里Label只显示固有尺寸，本质是Interface Builder渲染自定义视图时，没正确触发内部约束的布局计算，给你几个亲测有效的解决思路：

方法1：给自定义视图添加prepareForInterfaceBuilder()方法 #

在你的FAQItemView类里加上这个方法，强制IB更新内部布局：

override func prepareForInterfaceBuilder() {
    super.prepareForInterfaceBuilder()
    layoutIfNeeded()
}

这个方法会在IB渲染视图时被调用，直接触发内部约束的布局计算，让Label按照四边约束拉伸到父视图大小。

方法2：确保Label的translatesAutoresizingMaskIntoConstraints已关闭 #

如果你的Label是通过代码添加的，一定要在设置约束前把这个属性设为false——IB默认会给控件开启自动转换约束，会覆盖你手动加的约束：

let label = UILabel()
label.translatesAutoresizingMaskIntoConstraints = false
addSubview(label)

// 添加四边约束
NSLayoutConstraint.activate([
    label.leadingAnchor.constraint(equalTo: leadingAnchor),
    label.trailingAnchor.constraint(equalTo: trailingAnchor),
    label.topAnchor.constraint(equalTo: topAnchor),
    label.bottomAnchor.constraint(equalTo: bottomAnchor)
])

要是你是在xib里做的自定义视图，也得去IB里检查Label的这个选项是否被关掉。

方法3：给IB预览加临时尺寸占位（辅助方案） #

如果前两个方法还没解决，可以在自定义视图的初始化方法里加个临时尺寸，帮IB识别视图的预期大小——这个只会在预览时生效，运行时会被外部约束覆盖：

required init?(coder: NSCoder) {
    super.init(coder: coder)
    if #available(iOS 13.0, *) {
        if isInIBDesignable {
            widthAnchor.constraint(equalToConstant: 200).isActive = true
            heightAnchor.constraint(equalToConstant: 44).isActive = true
        }
    }
}

另外提个小细节：如果你的自定义视图标了@IBDesignable，可以试试Clean Build Folder（⇧⌘K）后重新打开IB，有时候Xcode会缓存旧的渲染结果导致不生效。

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