水平UIStackView内的UIImageView不遵守高度约束问题

核心原因 #

水平UIStackView默认的alignment是.fill，这会强制子视图高度等于StackView自身高度（该约束优先级为最高的1000），所以你给UIImageView设置的60x60、宽高比约束会被覆盖，呈现灰色失效状态。

方案一：修改StackView对齐方式（最直接有效） #

1. 在Interface Builder中选中水平StackView
2. 在Attributes Inspector里找到Alignment选项，将默认的.fill改为.centerY
3. 移除手动添加的UIImageView.centerY = StackView.centerY约束（无需再手动设置居中）

这样设置后，StackView会自动让所有子视图垂直居中，同时尊重UIImageView的60x60尺寸约束，不会强制拉伸其高度，运行时UIImageView的frame将保持60x60，与IB预览效果一致。

方案二：调整约束优先级（适用于必须保留StackView.fill对齐的场景） #

如果业务需求不允许修改StackView的alignment，可通过提升UIImageView约束优先级来覆盖StackView的自动拉伸约束：

1. 选中UIImageView的高度约束（60），在Attributes Inspector里将Priority从默认的1000改为1001（优先级高于StackView的约束）
2. 同样将宽高比约束的优先级设为1001
3. 确保UIImageView的contentMode设置为.aspectFit（保证图片在视图内居中显示）

此时UIImageView的尺寸约束会优先生效，不会被StackView的拉伸约束覆盖，frame保持60x60，同时因StackView为.fill对齐，UIImageView会自动垂直居中。

额外检查点 #

• 确认UIImageView的translatesAutoresizingMaskIntoConstraints属性为NO（IB中添加约束时默认自动设置，代码创建需手动指定）
• 不要给UIImageView添加多余的垂直约束（如top/bottom到StackView的约束），避免与StackView的布局规则冲突

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