如何设置自定义XIB View在主ViewController中的位置与尺寸？

嗨，这问题我之前做自定义View时也踩过坑！核心原因是你加载XIB后，contentView并没有和CustomView本身建立尺寸关联，所以它一直用XIB里的原始尺寸，不会跟着你设置的frame变化；另外ViewController里直接设frame的方式在Auto Layout环境下也不太稳妥，容易出适配问题。我给你一步步改：

第一步：修复CustomView的XIB加载逻辑 #

你需要给contentView添加约束，让它完全填充CustomView，不管容器多大都能适配。修改你的CustomView.swift代码：

class CustomView: UIView { 
    @IBOutlet weak var contentView: UIView! 
    
    override init(frame: CGRect) { 
        super.init(frame: frame) 
        setupView() 
    } 
    
    required init?(coder aDecoder: NSCoder) { 
        super.init(coder: aDecoder) 
        setupView() 
    } 
    
    func setupView() { 
        // 从Bundle加载XIB文件
        Bundle.main.loadNibNamed("CustomView", owner: self, options: nil) 
        // 先把contentView的frame设为当前CustomView的边界，初始化时先匹配大小
        contentView.frame = self.bounds
        // 关闭自动转换约束，准备手动添加布局约束
        contentView.translatesAutoresizingMaskIntoConstraints = false
        self.addSubview(contentView)
        
        // 添加四条约束，让contentView完全填充CustomView
        NSLayoutConstraint.activate([
            contentView.topAnchor.constraint(equalTo: self.topAnchor),
            contentView.leadingAnchor.constraint(equalTo: self.leadingAnchor),
            contentView.trailingAnchor.constraint(equalTo: self.trailingAnchor),
            contentView.bottomAnchor.constraint(equalTo: self.bottomAnchor)
        ])
    } 
}

另外别忘了检查XIB的设置：打开CustomView.xib，确保File's Owner的Class已经设为CustomView，而且contentView的IBOutlet已经正确连接到代码里。XIB里的View（也就是contentView）可以把Size改成Freeform，方便你编辑布局，但不影响最终运行效果。

第二步：优化ViewController的布局代码 #

在ViewController.swift里，别直接用frame设置大小了，改用Auto Layout让customView完全填充view1，这样屏幕旋转、尺寸变化时都能自动适配：

class ViewController: UIViewController { 
    @IBOutlet weak var view1: UIView! 
    
    override func viewDidLoad() { 
        super.viewDidLoad() 
        let customView = CustomView() 
        // 同样关闭自动转换约束
        customView.translatesAutoresizingMaskIntoConstraints = false
        view1.addSubview(customView)
        
        // 添加约束让customView填满view1
        NSLayoutConstraint.activate([
            customView.topAnchor.constraint(equalTo: view1.topAnchor),
            customView.leadingAnchor.constraint(equalTo: view1.leadingAnchor),
            customView.trailingAnchor.constraint(equalTo: view1.trailingAnchor),
            customView.bottomAnchor.constraint(equalTo: view1.bottomAnchor)
        ])
    } 
}

为啥不用frame？因为在viewDidLoad时，view1的最终frame可能还没确定（比如有导航栏、TabBar或者其他布局依赖），用约束能保证布局始终正确。

最后检查下这两点 #

• 打开CustomView.xib，确保contentView没有设置固定的宽高约束，否则会和我们添加的约束冲突；
• 确认view1本身的约束是正确的（比如它和父视图的约束已经定义好，或者有明确的宽高），这样它的尺寸确定后，customView才能跟着匹配。

这样改完，你的自定义View就能完美匹配view1的大小啦！

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