如何在Interface Builder中适配Table View Cell数量并设置固定宽高比

嘿，这两个都是iOS开发中用Interface Builder做Auto Layout时很常见的需求，我来给你详细拆解一下实现步骤：

要实现不管屏幕多大，都刚好放下指定数量的Cell，需要结合Interface Builder的约束和一点点代码（纯IB没法完全动态计算屏幕高度），步骤如下：

• 先给你的UITableView添全屏约束：选中Table View，按住Control键拖到父视图/安全区，依次添加leading、trailing、top、bottom的约束，确保它能铺满整个屏幕。
• 接着处理Cell的高度：在IB中选中Cell的contentView，给它添加一个高度约束（随便设一个初始值，比如100）。
• 把这个高度约束关联到代码里：按住Control键，从高度约束拖到对应的ViewController类中，创建一个IBOutlet（比如命名为cellHeightConstraint）。
• 最后在viewDidLoad方法里计算动态高度：

  override func viewDidLoad() {
      super.viewDidLoad()
      // 这里替换成你想要显示的Cell数量，比如3个
      let targetCellCount = 3
      cellHeightConstraint.constant = view.bounds.height / CGFloat(targetCellCount)
      tableView.reloadData()
  }
  

  这样不管是iPhone SE还是iPad Pro，每个Cell的高度都会自动调整，刚好放下你指定数量的Cell。

这个完全可以在Interface Builder里搞定，不用写代码，步骤如下：

• 首先确保Cell的宽度是自适应的：给Table View添加上一步的全屏约束，这样Cell的宽度会跟着屏幕宽度变化。
• 选中Cell里的contentView（或者你要设置宽高比的容器视图），点击IB右下角的「Add New Constraints」按钮（那个小方块图标）。
• 在弹出的约束面板里，找到Aspect Ratio选项，点击它，然后输入比例值：16:4可以简化为4:1（因为16÷4=4），直接输入4:1就行。
• 最后别忘了设置Table View的动态高度：选中Table View，在Attributes Inspector里，把Row Height设为Automatic，Estimated Row Height设一个默认值（比如100）。这样Auto Layout会自动根据宽高比计算出Cell的高度，适配不同屏幕宽度。

内容的提问来源于stack exchange，提问作者D-A UK