Swift 4中加载自定义XIB UIView仅部分填充屏幕的原因与解决方法

嘿，我来帮你排查这个UIView没法全屏的问题！

你的自定义QuestionView没法填充整个屏幕，核心是两层约束的缺失：

1. 你在控制器的viewDidLoad里只是把QuestionView添加到了父视图，但完全没给它设置约束或指定frame——它的大小默认会沿用XIB里的固定尺寸（或者init(frame:)的默认空尺寸），自然没法撑满屏幕。
2. 虽然你的XibView协议已经把XIB加载的子视图约束到了QuestionView的边缘，但这只解决了XIB内容和QuestionView本身的适配，没解决QuestionView和控制器父视图的适配。

我们分两步来彻底修复：

第一步：给QuestionView添加父视图约束 #

修改控制器的viewDidLoad代码，添加自动布局约束让QuestionView完全填充控制器的view：

class QuestionViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let subview = QuestionView()
        self.view.addSubview(subview)
        
        // 关键：开启自动布局并添加边缘约束
        subview.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            subview.topAnchor.constraint(equalTo: view.topAnchor),
            subview.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            subview.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            subview.trailingAnchor.constraint(equalTo: view.trailingAnchor)
        ])
    }
}

第二步：确认XIB的基础设置（避免潜在坑） #

打开你的XIB文件，检查两个关键点：

• 选中根视图，在Size Inspector面板里，把Layout设置为Inferred，Width和Height保持默认的Placeholder状态（不要设固定数值）。
• 确认File's Owner的Class已经设置为QuestionView，且根视图没有和File's Owner的view outlet重复关联（我们是通过加载XIB把根视图作为子视图添加到QuestionView中的，不需要额外关联）。

你可以给QuestionView加个便利初始化方法，让创建更简洁：

class QuestionView: UIView, XibView {
    // 新增便利初始化
    convenience init() {
        self.init(frame: .zero)
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupXib()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setupXib()
    }
    
    func setupXib() {
        guard let v = loadFromXib() else { return }
        addSubview(v)
    }
}

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