代码创建自动适配高度TableView遇单元格重叠问题求助
我尝试通过代码创建自动调整高度的TableView,但单元格无法根据内容自动增高,导致下一个单元格与上一个重叠。请问还需要进行哪些设置?
MyTableViewControler.swift
override func viewDidLoad() { super.viewDidLoad() tableView.estimatedRowHeight = 120 tableView.rowHeight = UITableViewAutomaticDimension tableView.translatesAutoresizingMaskIntoConstraints = false } override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { var cell = tableView.dequeueReusableCell(withIdentifier: reuseIdentifier) if (cell == nil) { cell = UITableViewCell.init(style: .default, reuseIdentifier: reuseIdentifier) cell?.translatesAutoresizingMaskIntoConstraints = false let contentView = (cell?.contentView)! // Title let titleL = UILabel(frame: .zero) contentView.addSubview(titleL) titleL.translatesAutoresizingMaskIntoConstraints = false titleL.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10).isActive = true titleL.rightAnchor.constraint(equalTo: contentView.rightAnchor, constant: 0).isActive = true titleL.leftAnchor.constraint(equalTo: contentView.leftAnchor, constant: 0).isActive = true } return cell }

嘿,我帮你梳理下问题所在~你已经开启了自动高度的基础设置,但还有几个关键细节没做好,导致AutoLayout无法正确计算单元格高度:
缺少底部约束,布局链不完整:你给标题Label只设置了top、left、right约束,但没有和contentView的bottom锚点关联。AutoLayout需要明确的上下左右约束来计算整个单元格的高度,所以必须给Label加上底部约束(比如
titleL.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -10).isActive = true,保持上下边距一致)。Label未开启多行显示:默认UILabel是单行模式,即使内容超长也不会换行,自然不会触发高度变化。记得设置
titleL.numberOfLines = 0,让它支持自动换行。单元格复用逻辑有问题:你现在每次创建新cell时都会添加一个Label,但复用cell时没有复用已有的Label,会导致重复添加子视图,不仅浪费资源还会打乱布局。建议给Label设置一个tag,复用的时候通过tag获取已存在的Label,或者直接自定义UITableViewCell类来管理子视图。
这里给你修改后的代码示例,把这些问题都修复了:
override func viewDidLoad() { super.viewDidLoad() tableView.estimatedRowHeight = 120 tableView.rowHeight = UITableViewAutomaticDimension tableView.translatesAutoresizingMaskIntoConstraints = false } override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let reuseIdentifier = "YourCellIdentifier" // 确保你有定义这个标识符 var cell = tableView.dequeueReusableCell(withIdentifier: reuseIdentifier) if cell == nil { cell = UITableViewCell(style: .default, reuseIdentifier: reuseIdentifier) cell?.translatesAutoresizingMaskIntoConstraints = false let titleL = UILabel(frame: .zero) titleL.tag = 1001 // 设置tag用于复用 titleL.numberOfLines = 0 // 开启多行显示 titleL.translatesAutoresizingMaskIntoConstraints = false cell?.contentView.addSubview(titleL) // 添加完整的约束链 NSLayoutConstraint.activate([ titleL.topAnchor.constraint(equalTo: cell!.contentView.topAnchor, constant: 10), titleL.leftAnchor.constraint(equalTo: cell!.contentView.leftAnchor, constant: 10), // 给左右加边距,避免文字贴边 titleL.rightAnchor.constraint(equalTo: cell!.contentView.rightAnchor, constant: -10), titleL.bottomAnchor.constraint(equalTo: cell!.contentView.bottomAnchor, constant: -10) // 关键的底部约束 ]) } // 复用已有的Label并设置内容 if let titleL = cell?.contentView.viewWithTag(1001) as? UILabel { titleL.text = "这里替换成你的实际文本内容,测试多行自动换行和高度调整效果" } return cell! }
另外,如果你后续有更复杂的单元格布局,建议直接自定义UITableViewCell类,把视图初始化和约束设置放到cell类里,代码会更清晰易维护~
内容的提问来源于stack exchange,提问作者RunLoop

