如何让StackView中的按钮随屏幕尺寸自适应大小（支持Storyboard或代码实现）

步骤1：配置UIStackView基础属性 #

• 布局轴（Axis）设为水平方向
• 对齐方式（Alignment）设为Fill
• 分布方式（Distribution）设为Equal Spacing
• 给StackView添加垂直居中约束，左右边距不要设固定值，设置为相对于父视图宽度的比例：比如StackView的leading等于父视图leading，multiplier设为0.1，trailing等于父视图trailing，multiplier设为0.9，不同设备的左右边距会自动按屏幕宽度比例缩放。

步骤2：配置按钮约束 #

• 给三个按钮设置等宽等高约束，按钮宽度不要写固定值，设置为相对于StackView宽度的比例：比如每个按钮宽度等于StackView宽度的0.25，三个按钮总宽度占StackView的75%，剩余25%的空间会被StackView自动分配为按钮之间的间距，完全符合比例要求。
• 按钮高度可以设为和自身宽度成固定比例（比如1:1做成正方形，或者按需调整），不同设备下按钮的宽高都会按比例同步缩放。

步骤3：比例逻辑验证 #

以iPhone 14（屏幕宽度390pt）为例：

• StackView左右边距各为390*0.1=39pt，StackView总宽度312pt
• 每个按钮宽度312*0.25=78pt，三个按钮总宽度234pt
• 剩余78pt会被Equal Spacing模式的StackView分成4份（左右两端各1份、两个按钮中间各1份），每份19.5pt，间距均匀比例统一。
  换到iPad 10代（屏幕宽度820pt）时：
• 左右边距各为82pt，StackView总宽度656pt
• 每个按钮宽度164pt，三个按钮总宽度492pt
• 剩余164pt分成4份每份41pt，所有元素的比例和iPhone上完全一致。

代码实现示例（Swift） #

let stackView = UIStackView()
stackView.axis = .horizontal
stackView.alignment = .fill
stackView.distribution = .equalSpacing
stackView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(stackView)

// StackView比例约束
NSLayoutConstraint.activate([
    stackView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor, multiplier: 0.1),
    stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor, multiplier: 0.9)
])

// 添加三个按钮
let buttons = [UIButton(), UIButton(), UIButton()]
buttons.forEach { btn in
    btn.backgroundColor = .systemBlue
    btn.translatesAutoresizingMaskIntoConstraints = false
    stackView.addArrangedSubview(btn)
    // 按钮宽高比例约束
    NSLayoutConstraint.activate([
        btn.widthAnchor.constraint(equalTo: stackView.widthAnchor, multiplier: 0.25),
        btn.heightAnchor.constraint(equalTo: btn.widthAnchor)
    ])
}

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