Xcode中如何配置StackView约束实现按钮在不同设备上始终垂直居中

核心问题根源 #

你当前的约束逻辑冲突：同时给固定高度的StackView添加了底部、首尾约束，不同设备屏幕高度不一致时，约束无法同时满足，自然会出现报错或偏移，也无法实现居中效果。

具体操作步骤 #

• 第一步：删除冗余约束
  删掉StackView已添加的底部约束，如果不需要强制固定StackView高度，也把300高度约束一并删除（StackView会根据子按钮尺寸、间距自动计算合适的高度）
• 第二步：添加正确的居中约束
  给StackView新增以下4个约束即可：
  1. 垂直居中约束：约束StackView相对父视图垂直方向居中，这是实现多设备始终居中的核心
  2. 水平居中约束：约束StackView相对父视图水平方向居中
  3. 首部（leading）约束：设置和父视图左边缘的最小间距，比如设为16，避免小屏设备按钮超出可视范围
  4. 尾部（trailing）约束：设置和父视图右边缘的最小间距，比如设为-16，注意尾部约束值为负数
• 第三步：保留原有配置
  你之前设置的StackView Alignment=fill、Distribution=fill equally、间距=50，以及按钮的自定义字体配置都不需要修改，StackView会自动按规则排布两个按钮。

特殊场景适配 #

如果你确实需要强制StackView保持300的固定高度，不需要自适应内容，只需要在第一步操作时保留300高度约束，再按第二步添加4个约束即可，同样不会出现约束冲突，所有设备都会保持居中效果。

参考配置图 #

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