Self-sizing view在UIStackView中布局异常问题咨询

基础配置校验 #

• 先确认两个多行Label都设置了numberOfLines = 0，这是支持多行显示的前提，未设置时内容超过1行就会被截断。
• 外层UIStackView要配置为垂直布局、自动适配内容尺寸：

  stackView.axis = .vertical
  stackView.distribution = .fill
  stackView.alignment = .fill
  // 按需设置条目间距即可
  stackView.spacing = 8
  

  如果栈视图放在UITableViewCell中，需要同时开启cell自动高度：

  tableView.estimatedRowHeight = 100 // 按需填预估高度
  tableView.rowHeight = UITableView.automaticDimension
  

核心问题修复：调整内容优先级 #

内容被挤压的核心原因是Label的抗压缩优先级低于容器，系统计算布局时会优先压缩Label尺寸，需要给两个Label提高垂直方向的抗压缩优先级：

// 两个Label都要设置
textLabel.setContentCompressionResistancePriority(.defaultHigh + 1, for: .vertical)
detailTextLabel.setContentCompressionResistancePriority(.defaultHigh + 1, for: .vertical)
// 如果水平方向也出现压缩截断，可以补充水平方向的优先级设置
textLabel.setContentCompressionResistancePriority(.defaultHigh + 1, for: .horizontal)
detailTextLabel.setContentCompressionResistancePriority(.defaultHigh + 1, for: .horizontal)

约束逻辑修正 #

你当前用的greaterThanOrEqualTo底部约束会导致系统没有明确的参考标准计算视图尺寸，需要补充低优先级的等值约束，让系统优先按Label内容撑开条目，同时避免约束冲突：

// 新增两个低优先级底部约束
let bottomFitRadio = bottomAnchor.constraint(equalTo: radioView.bottomAnchor, constant: contentInsets.bottom)
bottomFitRadio.priority = .defaultLow
let bottomFitDetail = bottomAnchor.constraint(equalTo: detailTextLabel.bottomAnchor, constant: contentInsets.bottom)
bottomFitDetail.priority = .defaultLow

NSLayoutConstraint.activate([
   // 原有约束保持不变
   radioView.topAnchor.constraint(equalTo: topAnchor, constant: contentInsets.top),
   radioView.leftAnchor.constraint(equalTo: leftAnchor, constant: contentInsets.left),
   bottomAnchor.constraint(greaterThanOrEqualTo: radioView.bottomAnchor, constant: contentInsets.bottom),
   textLabel.topAnchor.constraint(equalTo: topAnchor, constant: contentInsets.top),
   textLabel.leftAnchor.constraint(equalTo: radioView.rightAnchor, constant: labelsSpacingLeft),
   textLabel.rightAnchor.constraint(lessThanOrEqualTo: rightAnchor, constant: -contentInsets.right),
   detailTextLabel.topAnchor.constraint(equalTo: textLabel.bottomAnchor, constant: detailTextLabelSpacingTop),
   detailTextLabel.leftAnchor.constraint(equalTo: radioView.rightAnchor, constant: labelsSpacingLeft),
   detailTextLabel.rightAnchor.constraint(lessThanOrEqualTo: rightAnchor, constant: -contentInsets.right),
   bottomAnchor.constraint(greaterThanOrEqualTo: detailTextLabel.bottomAnchor, constant: contentInsets.bottom),
   // 新增约束
   bottomFitRadio,
   bottomFitDetail
])

可选兜底方案 #

如果修改后仍偶发尺寸计算偏差，可以重写条目视图的layoutSubviews方法，手动指定Label的最大布局宽度，强制系统按实际宽度计算内容尺寸：

override func layoutSubviews() {
    super.layoutSubviews()
    textLabel.preferredMaxLayoutWidth = textLabel.bounds.width
    detailTextLabel.preferredMaxLayoutWidth = detailTextLabel.bounds.width
    super.layoutSubviews()
}

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