代码实现的自适应UITableViewCell出现尺寸异常缩小问题咨询

咱们一步步排查可能的原因，逐个调整就能解决这个问题：

1. 先给UITableView开启自动行高 #

这是自适应cell高度的基础，一定要在viewDidLoad里设置这两个属性：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.rowHeight = UITableView.automaticDimension
    tableView.estimatedRowHeight = 80 // 给个合理的预估高度，帮助tableView初始布局
}

2. 检查栈视图的约束与配置 #

水平栈视图的边缘约束 #

你在cell的init方法里固定栈视图时，必须确保水平栈和contentView的四个边缘都有约束，不能有遗漏：

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)
    setupCellViews()
}

private func setupCellViews() {
    let horizontalStackView = UIStackView()
    contentView.addSubview(horizontalStackView)
    horizontalStackView.translatesAutoresizingMaskIntoConstraints = false
    
    NSLayoutConstraint.activate([
        horizontalStackView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 16),
        horizontalStackView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
        horizontalStackView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
        horizontalStackView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -16)
    ])
}

这里的constant值可以根据你的设计调整，但四个方向的约束必须齐全，这样cell才能根据栈视图的内容动态计算高度。

栈视图的属性设置 #

• 垂直文本栈：设置axis = .vertical，alignment = .leading（或你需要的对齐方式），spacing按需调整；
• 水平栈：设置axis = .horizontal，alignment = .top（让图片和文本顶部对齐），distribution选.fill或.fillProportionally，别选会压缩内容的选项。

3. 文本标签的关键设置 #

垂直栈里的文本标签必须打开自动换行，不然文本会被截断，导致cell高度缩小：

let titleLabel = UILabel()
titleLabel.numberOfLines = 0
titleLabel.font = UIFont.systemFont(ofSize: 16, weight: .semibold)

let subtitleLabel = UILabel()
subtitleLabel.numberOfLines = 0
subtitleLabel.font = UIFont.systemFont(ofSize: 14)

同时给标签设置内容抵抗优先级，避免文本被过度压缩：

titleLabel.setContentCompressionResistancePriority(.defaultHigh, for: .vertical)
subtitleLabel.setContentCompressionResistancePriority(.defaultHigh, for: .vertical)

4. 图片视图的约束处理 #

如果你的图片是固定尺寸，一定要给它设置宽高约束：

let iconImageView = UIImageView()
iconImageView.translatesAutoresizingMaskIntoConstraints = false
iconImageView.widthAnchor.constraint(equalToConstant: 48).isActive = true
iconImageView.heightAnchor.constraint(equalToConstant: 48).isActive = true
iconImageView.contentMode = .scaleAspectFit // 保持图片比例不拉伸

如果是自适应尺寸的图片，也要确保它有合适的内容抵抗优先级，防止被压缩变形。

5. 配置cell时的小细节 #

在configureCell()方法填充数据后，强制触发一次布局更新，确保cell能正确计算高度：

func configureCell(with data: YourDataModel) {
    titleLabel.text = data.title
    subtitleLabel.text = data.subtitle
    iconImageView.image = data.icon
    
    contentView.layoutIfNeeded() // 强制更新布局
}

按照这些步骤调整后，你的cell应该就能正常根据内容自适应高度，不会出现尺寸缩小的问题了。

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