如何计算包含TagViews的UITableViewCell高度并解决首次渲染异常问题

核心原因 #

TagListView在完成标签渲染后未即时通知AutoLayout更新自身固有内容尺寸，首次Cell渲染时AutoLayout仅能读取到你预设的≥34的最小高度约束，无法获取到多行标签对应的真实高度，滚动后Cell复用触发二次布局才会读入正确高度。

可落地修复步骤 #

• 第一步：在Cell的赋值方法中，完成TagListView的标签添加/赋值操作后，立即调用tagListView.layoutIfNeeded()强制TagListView立即完成布局计算，更新自身尺寸
• 第二步：在上述代码后主动触发Cell的AutoLayout更新，调用如下代码：

cell.setNeedsLayout()
cell.layoutIfNeeded()

• （可选）若仍有高度计算偏差，可在UITableView的cellForRowAt方法返回Cell之前，强制Cell完成一次全量布局：

let cell = tableView.dequeueReusableCell(withIdentifier: "你的Cell复用ID", for: indexPath) as! 自定义Cell类
// 此处执行给cell的titleLabel、subtitleLabel、tagListView赋值的操作
cell.contentView.setNeedsLayout()
cell.contentView.layoutIfNeeded()
return cell

• 额外校验：确保TagListView的上下左右约束都已经和Cell的contentView正确绑定，高度约束仅保留≥34即可，不要添加固定高度约束。

兜底方案 #

如果上述操作仍不生效，可以实现UITableView的heightForRowAt代理方法，提前计算TagListView的高度后再返回总Cell高度：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    let itemData = 数据源数组[indexPath.row]
    // 计算标题高度
    let titleMaxWidth = tableView.bounds.width - 标题左右边距总和
    let titleHeight = itemData.title.boundingRect(with: CGSize(width: titleMaxWidth, height: .greatestFiniteMagnitude), attributes: [.font: 你使用的TitleLabel字体], context: nil).height
    // 计算副标题高度
    let subtitleMaxWidth = tableView.bounds.width - 副标题左右边距总和
    let subtitleHeight = itemData.subtitle.boundingRect(with: CGSize(width: subtitleMaxWidth, height: .greatestFiniteMagnitude), attributes: [.font: 你使用的SubtitleLabel字体], context: nil).height
    // 计算标签列表高度
    let tagMaxWidth = tableView.bounds.width - TagListView左右边距总和
    let tempTagView = TagListView(frame: CGRect(x: 0, y: 0, width: tagMaxWidth, height: 0))
    // 同步配置和你Cell里相同的TagListView属性，比如标签间距、内边距、字体等
    tempTagView.addTags(itemData.tagArray)
    tempTagView.layoutIfNeeded()
    let tagHeight = max(tempTagView.frame.height, 34)
    // 总高度 = 各控件高度 + 控件之间的垂直间距 + Cell上下内边距
    return titleHeight + subtitleHeight + tagHeight + 所有垂直间距总和
}

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