如何在Storyboard中为自定义UITableViewCell的5个UILabel添加约束？

Hey there! 作为刚入坑iOS开发的新手，给自定义Cell里的多个Label加约束确实容易有点懵，我结合常见的布局场景给你一步步拆解，就算没看到你的截图，也能覆盖大部分情况～

一、先做好前期准备 #

• 先确认你的自定义UITableViewCell已经在Storyboard里把Style改成了Custom（在Attributes Inspector里找），不然没法自由调整布局
• 如果需要用代码控制的话，记得把每个Label都拖线关联到对应的Cell类文件里（当然纯Storyboard操作也完全ok）

二、最常见的垂直排列布局（5个Label从上到下） #

这是大多数场景的需求，比如展示多行信息，步骤如下：

1. 顶部第一个Label

   • 给它加「顶部约束」：和Cell的contentView顶部留个合适的间距（比如16pt，按设计稿来）
   • 加「左侧约束」：和contentView左侧保持固定间距（比如16pt）
   • 加「右侧约束」：和contentView右侧保持固定间距（或者设固定宽度，看需求）
   • ✅ 划重点：别给它设高度约束！把Label的Lines属性改成0（支持多行），让它自动根据文字内容计算高度

2. 中间的三个Label

   • 每个Label都加「顶部约束」：和上一个Label的底部留固定间距（比如8pt，保证行间距统一）
   • 「左侧+右侧约束」：和第一个Label对齐就行，不用再重复和contentView绑定
   • 同样别设高度约束，让内容自适应

3. 底部最后一个Label

   • 「顶部约束」：和上一个Label的底部留固定间距
   • 「左侧+右侧约束」：和前面的Label对齐
   • ✅ 关键一步：加「底部约束」，和contentView底部留固定间距（比如16pt），这是让Cell自动计算高度的核心

三、如果是横向并排布局（5个Label左右排列） #

要是你的需求是5个Label横向分布，比如展示一组并列数据，这么做：

• 第一个Label：加「顶部+左侧约束」，和contentView顶部、左侧固定间距
• 最后一个Label：加「顶部+右侧约束」，和contentView顶部、右侧固定间距
• 中间的每个Label：加「顶部约束」和contentView顶部对齐，再加「leading约束」和上一个Label的trailing端留固定间距
• 想要宽度均等的话：选中所有5个Label，点击Storyboard右下角的Pin菜单，勾选Equal Widths就行
• 最后给Cell加底部约束（比如最后一个Label的底部和contentView底部固定间距）

四、必须注意的几个坑 #

• 所有Label的Lines属性要对应：多行显示设为0，单行设为1，不然约束会乱
• 别给contentView设固定大小！在Size Inspector里把它的Intrinsic Size设为Default
• 要让Cell自适应高度的话，在ViewController里必须加两行代码：

  tableView.rowHeight = UITableView.automaticDimension
  tableView.estimatedRowHeight = 100 // 填个预估的高度就行
  

• 遇到约束冲突的话：选中红色的冲突约束删掉，或者调整优先级（把非必须的约束优先级改成999，低于系统默认的1000）

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