UIStackView子视图折叠原因排查：修改字体引发布局异常

我通过代码构建了一个垂直UIStackView，用于展示3个短文本UILabel，代码如下：

import UIKit
import PlaygroundSupport
let box = UIView(frame: CGRect(origin: CGPoint(x:0, y:0), size: CGSize(width: 100, height: 100)))
box.backgroundColor = .white
let labels: [UILabel] = (1...3).map{ index in
    let label = UILabel()
    label.text = "item \(index)"
    return label
}
let sv = UIStackView(arrangedSubviews: labels)
sv.axis = .vertical
sv.alignment = .center
sv.translatesAutoresizingMaskIntoConstraints = false
box.addSubview(sv)
sv.centerXAnchor.constraint(equalTo: box.centerXAnchor).isActive = true
sv.centerYAnchor.constraint(equalTo: box.centerYAnchor).isActive = true
// 修改单个子项字体导致栈视图折叠
if let label = sv.subviews[1] as? UILabel {
    label.font = UIFont.italicSystemFont(ofSize: UIFont.labelFontSize)
}
PlaygroundPage.current.liveView = box

修改栈视图中单个标签的字体后，标签会相互折叠成难以辨认的一团文字。请问我是否遗漏了某些必要约束？注：我使用Xcode 10.2.1 Playground开发该视图。

这个问题的核心不是漏加了约束，而是UILabel默认的换行设置+栈视图无间距，在Playground的布局环境下，子视图尺寸变化时触发了异常的布局压缩。给你几个简单有效的解决方法：

1. 给UILabel强制单行显示 #

默认UILabel的numberOfLines是0（自动换行），在垂直栈视图里，没有明确尺寸限制时，换行逻辑会让标签高度被压缩到极小。给每个标签添加单行限制：

let labels: [UILabel] = (1...3).map{ index in
    let label = UILabel()
    label.text = "item \(index)"
    label.numberOfLines = 1 // 新增：强制单行，固定标签高度计算逻辑
    return label
}

2. 给UIStackView设置间距 #

你的栈视图默认间距为0，修改字体后标签高度变化，没有间距的话必然挤在一起。加上合理的间距：

sv.spacing = 8 // 新增：数值可根据需求调整，让标签间有明确间隔

3. 可选：增强标签的布局优先级（提升稳定性） #

为了让AutoLayout更明确地处理标签的尺寸，可以设置内容压缩抵抗和内容拥抱优先级，避免标签被过度压缩：

let labels: [UILabel] = (1...3).map{ index in
    let label = UILabel()
    label.text = "item \(index)"
    label.numberOfLines = 1
    label.setContentCompressionResistancePriority(.required, for: .vertical) // 禁止垂直方向被压缩
    label.setContentHuggingPriority(.required, for: .vertical) // 保持自身内在高度
    return label
}

为什么会出现这个问题？ #

Playground里的UI布局周期不像正式App那样稳定，当你修改第二个标签字体时，标签的intrinsicContentSize（内在尺寸）发生了变化，但栈视图没有及时重新计算布局。再加上默认UILabel允许自动换行、栈视图无间距，最终导致所有标签被压缩重叠。

把上面的方案组合起来，你的三个标签就能正常垂直排列、互不重叠了。

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