如何让水平UIStackView居中且不占满整个宽度？

嘿，这个问题我之前刚踩过坑！其实核心就是要让StackView“安分守己”，只占自己内容需要的宽度，同时保持在父视图中间。给你几个亲测有效的办法：

方法一：靠内容拥抱优先级+居中约束搞定（最常用） #

水平StackView默认会被拉满父视图宽度，本质是它的内容拥抱优先级不够高。你只需要：

• 给StackView设置水平方向的内容拥抱优先级，把数值调得比默认高（比如Swift里设成.defaultHigh，Storyboard里直接把Horizontal的数值改成251就行，默认是250），这样它就会尽量保持自己的固有宽度，不会被强行拉宽。
• 给StackView添加水平居中约束（相对于父视图），同时不要加左右两侧到父视图的约束（比如leading、trailing约束）。这样它就只会乖乖待在中间，宽度由内部控件的总宽度+spacing决定。

举个Swift代码的例子：

let horizontalStack = UIStackView()
horizontalStack.axis = .horizontal
horizontalStack.spacing = 10
// 提高水平方向的内容拥抱优先级
horizontalStack.setContentHuggingPriority(.defaultHigh, for: .horizontal)
// 添加水平居中约束
horizontalStack.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
// 再加个垂直方向的约束，比如距离顶部20pt
horizontalStack.topAnchor.constraint(equalTo: view.topAnchor, constant: 20).isActive = true

方法二：Storyboard可视化操作更直观 #

如果你用Storyboard拖控件：

1. 把水平StackView拖到父视图里
2. 给它添加「Center X to Superview」的约束
3. 绝对不要加Leading或Trailing到Superview的约束！
4. 选中StackView，在右侧Attributes Inspector里找到「Content Hugging Priority」，把Horizontal的数值调大一点（比如从250改成251）
5. 按需调整StackView的Alignment（比如选Center，让内部控件垂直居中）

小提醒 #

如果StackView内部的控件有固定宽度约束，要确保这些约束不会强制拉宽整个StackView。比如内部按钮如果设了过宽的固定宽度，那StackView自然也会跟着变宽，这点要注意哦～

内容来源于stack exchange