如何让UIStackView中的中间视图尺寸大于其他视图？

要让中间的contactUsView视觉上比其他视图更大，核心是调整UIStackView的布局属性，同时给目标视图设置合适的尺寸约束，以下是具体步骤：

1. 修改UIStackView的Distribution属性 #

你当前使用的fillEqually会强制所有子视图拥有相同的尺寸，这是阻碍中间视图变大的关键。把它改成fill，这样StackView会根据子视图的约束来分配空间：

stackView.distribution = .fill

2. 为contactUsView设置高度约束 #

因为StackView的alignment是.bottom，所以当contactUsView的高度大于其他视图时，其他视图会自动底部对齐，中间视图向上延伸，形成突出效果。你可以选择两种方式设置高度：

方式一：固定高度约束 #

// 先给其他视图设置基础高度
let baseHeight = 60
supportedServicesView.heightAnchor.constraint(equalToConstant: CGFloat(baseHeight)).isActive = true
incidentView.heightAnchor.constraint(equalToConstant: CGFloat(baseHeight)).isActive = true
moreView.heightAnchor.constraint(equalToConstant: CGFloat(baseHeight)).isActive = true
moreView2.heightAnchor.constraint(equalToConstant: CGFloat(baseHeight)).isActive = true

// 给中间视图设置更高的高度
contactUsView.heightAnchor.constraint(equalToConstant: CGFloat(baseHeight * 1.5)).isActive = true

方式二：相对高度约束（适配不同屏幕，推荐） #

// 让contactUsView的高度是其他视图的1.5倍
contactUsView.heightAnchor.constraint(equalTo: supportedServicesView.heightAnchor, multiplier: 1.5).isActive = true
// 给其他视图设置最小高度约束（或让它们根据内容自适应）
supportedServicesView.heightAnchor.constraint(greaterThanOrEqualToConstant: 50).isActive = true

3. 调整宽度（可选） #

如果你希望中间视图不仅更高，还更宽，可以保留你之前的宽度约束，或者改成相对宽度更适配：

// 让contactUsView的宽度是其他视图的1.2倍
contactUsView.widthAnchor.constraint(equalTo: supportedServicesView.widthAnchor, multiplier: 1.2).isActive = true

4. 优化自定义UIView内部布局（可选） #

如果需要让中间视图的内部元素（图片、文字）也配合放大，可以修改updateConstraints里的约束，比如给logoImage设置更大的高度：

override func updateConstraints() {
    // 给中间视图的logo设置更大的固定高度
    logoImage.anchor(self.topAnchor, left: self.leftAnchor, bottom: nil, right: self.rightAnchor, topConstant: 0, leftConstant: 0, bottomConstant: 0, rightConstant: 0, widthConstant: 0, heightConstant: 40)
    label.anchor(self.logoImage.bottomAnchor, left: self.leftAnchor, bottom: nil, right: self.rightAnchor, topConstant: 10, leftConstant: 0, bottomConstant: 0, rightConstant: 0, widthConstant: 0, heightConstant: 0)
    super.updateConstraints()
}

为什么之前的尝试没生效？ #

• 使用fillEqually时，所有子视图会被强制拉伸或压缩到相同尺寸，所以单独给contactUsView加高度约束会让整个StackView的高度变成这个值，其他视图也会被拉到同样高度，视觉上没有区别。
• 改成fill后，StackView会尊重每个子视图的尺寸约束，结合.bottom的对齐方式，就能实现中间视图向上突出的效果。

内容的提问来源于stack exchange，提问作者Emre Önder