修改UITableView行高时内容错乱的问题求助

在iOS开发中，修改UITableView单元格行高时出现内容严重错乱的情况（单元格内容偏移、布局混乱）。已尝试在cellForRowAt方法中重置所有标签、ImageView等控件，添加@MainActor标记的Task，但问题未改善。

相关代码 #

UITableViewCell配置代码

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "detailVerbindungTableViewCell", for: indexPath) as! detailVerbindungTableViewCell
    Task { @MainActor in
        // 重置控件及业务逻辑代码...
    }
    return cell
}

行高修改实现代码

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    if expandedRowIndex == indexPath.row {
        expandedRowIndex = -1
        shouldExpanded = false
    } else {
        expandedRowIndex = indexPath.row
        shouldExpanded = true
    }
    tableView.reloadRows(at: [indexPath], with: .automatic)
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    if indexPath.row == expandedRowIndex && shouldExpanded == true {
        return 91 //Expanded
    }
    return 71 //Not expanded
}

解决方案 #

• 移除异步Task，同步更新单元格内容
  cellForRowAt是同步回调方法，异步Task会导致单元格先被返回并参与表格布局，后续异步更新控件时会破坏已完成的布局，引发错乱。直接将重置和业务逻辑代码移到主线程同步执行：

  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
      let cell = tableView.dequeueReusableCell(withIdentifier: "detailVerbindungTableViewCell", for: indexPath) as! detailVerbindungTableViewCell
      // 直接执行重置控件及业务逻辑代码，无需异步Task
      return cell
  }
  

• 完善单元格复用重置逻辑
  在自定义Cell的prepareForReuse方法中统一重置控件状态，确保复用的单元格不会残留之前的内容：

  class detailVerbindungTableViewCell: UITableViewCell {
      override func prepareForReuse() {
          super.prepareForReuse()
          // 重置所有控件的文本、图片、布局属性等
          titleLabel.text = nil
          subTitleLabel.text = nil
          iconImageView.image = nil
          // 按需重置其他控件状态
      }
  }
  

• 优化行高计算与刷新逻辑
  简化行高判断逻辑，同时确保表格能正确计算并应用行高：

  func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
      expandedRowIndex = expandedRowIndex == indexPath.row ? -1 : indexPath.row
      tableView.reloadRows(at: [indexPath], with: .automatic)
  }
  
  func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
      return indexPath.row == expandedRowIndex ? 91 : 71
  }
  

  若使用Auto Layout实现动态布局，建议开启自动行高计算，避免手动固定行高可能带来的冲突：

  // 在viewDidLoad中设置
  tableView.rowHeight = UITableView.automaticDimension
  tableView.estimatedRowHeight = 71
  

• 检查单元格Auto Layout约束
  确保单元格内所有控件都设置了完整的约束（上下左右、宽高关系），没有缺失的约束导致布局错乱。比如控件要与单元格contentView的边缘建立约束，保证行高变化时控件能正确适配。

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