Swift 4/Xcode 9：UITableView自定义单元格右侧截断问题

我来帮你捋捋这个AutoLayout的适配坑，这种问题我之前也踩过不少！咱们一步步排查解决：

一、先排查UITableView本身的约束问题 #

• 确保TableView的leading、trailing、top、bottom四个约束都正确绑定到父视图的安全区域（或者直接父视图），绝对不要给TableView设置固定的width约束——这是小屏适配失效的常见原因，固定宽度会让它在小屏iPhone上保持原有尺寸，自然会和右侧内容重叠。
• 检查Xcode的Constraints面板，看看有没有黄色的约束警告或者红色的冲突提示，冲突的约束会导致AutoLayout自动忽略部分规则，造成布局异常。
• 如果你是用代码添加约束，一定要确认tableView.translatesAutoresizingMaskIntoConstraints = false，这个属性默认是true，会让系统自动生成约束，覆盖你手动设置的规则。

二、修复自定义单元格的布局（两个标签的适配） #

既然你用了带两个标签的自定义单元格，大概率是单元格内部的布局没做好，导致内容溢出：

• 先给单元格的contentView设置约束：确保contentView的leading、trailing、top、bottom都和单元格本身的边缘对齐（或者留固定间距），很多人会忽略这一步，导致单元格内容无法跟随屏幕宽度缩放。
• 推荐用水平UIStackView来管理两个标签，比单独设置约束更省心：
  1. 把两个标签拖进水平StackView，设置StackView的alignment为.center，distribution为.fill。
  2. 给StackView添加约束：leading、trailing、top、bottom和contentView绑定（可以留8-16pt的边距），让StackView填满整个单元格内容区域。
  3. 调整标签的优先级：
     • 如果第一个标签是标题（需要保持自身宽度，不被压缩），给它设置contentHuggingPriority（内容拥抱优先级）为251，contentCompressionResistancePriority（内容抗压缩优先级）为751；
     • 第二个标签如果是详情文本（需要占剩余空间），把它的contentHuggingPriority设为250，contentCompressionResistancePriority设为750；
     • 绝对不要给标签设置固定width，让它们根据内容和剩余空间自动调整。

三、调试技巧帮你快速定位问题 #

• 打开Xcode的Debug View Hierarchy工具（调试时点击导航栏的方块按钮），可以直观看到TableView和单元格的实际frame，看看有没有被其他视图遮挡，或者约束有没有正确应用。
• 给TableView、单元格、标签分别设置不同的背景色，这样能一眼看出每个视图的范围，快速找到布局异常的地方。

如果试过这些步骤还是有问题，可以检查一下有没有代码里手动设置过tableView.frame或者单元格的frame——这种硬编码的布局会直接覆盖AutoLayout的效果哦！

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