iOS开发新手求助：如何正确自定义Table Cell并解决显示异常

针对你遇到的自定义Table Cell显示异常问题，按以下步骤排查和修正：

• 1. 核对复用标识一致性
  在Storyboard/XIB的Cell属性面板里设置唯一的Identifier，代码里复用Cell时必须完全匹配这个标识。如果用XIB创建Cell，要先注册：

  // 注册自定义Cell的XIB文件
  tableView.register(UINib(nibName: "YourCustomCell", bundle: nil), forCellReuseIdentifier: "CustomCellID")
  // 复用Cell
  let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCellID", for: indexPath) as! YourCustomCell
  

  要是用Storyboard里的Prototype Cell，直接设置Identifier即可，无需手动注册。

• 2. 规范设置Auto Layout约束
  这是显示错乱的核心原因：

  • 所有子控件的约束都要绑定到contentView（别直接绑Cell本身）
  • 确保约束能完整确定Cell的高度（自动计算高度时），比如从顶部到底部、左右边缘都有明确约束，不能有歧义
  • 打开Xcode的Issue Navigator，检查并修复约束冲突

• 3. 开启自动高度计算
  在ViewController里配置TableView的高度规则：

  tableView.rowHeight = UITableView.automaticDimension
  tableView.estimatedRowHeight = 120 // 给一个接近实际高度的预估值，提升性能
  

  别硬写固定高度，除非你的Cell高度完全不会变。

• 4. 确认类与控件关联正确
  在XIB/Storyboard里，把Cell的Class设置为你的自定义Cell类，并且所有IBOutlet控件都要正确拖线关联，不能有未关联或关联错误的情况（红叉状态要及时修正）。

• 5. 处理Cell复用的状态重置
  复用Cell时要清空旧状态，避免显示上一行的残留数据：

  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
      let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCellID", for: indexPath) as! YourCustomCell
      // 先重置状态，比如清空图片、文本
      cell.iconImgView.image = nil
      cell.titleLabel.text = dataList[indexPath.row].title
      // 设置其他自定义内容
      return cell
  }
  

• 6. 修正Content View的内边距
  若内容莫名偏移，可在自定义Cell的awakeFromNib里调整：

  override func awakeFromNib() {
      super.awakeFromNib()
      contentView.layoutMargins = .zero
      contentView.preservesSuperviewLayoutMargins = false
  }
  

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