固定高度UIImageView如何让宽度随图片比例自适应？

用水平UIStackView实现（推荐） #

• 把UIImageView和右侧标签放入水平UIStackView，配置StackView属性：
  • 方向（Axis）：Horizontal
  • 对齐（Alignment）：Center（保证图片与标签垂直居中）
  • 间距（Spacing）：8（直接满足你要的8px间距，无需额外约束）
  • 分布（Distribution）：Fill（让标签占据剩余空间，图片按自身比例布局）
• 给该水平StackView添加到垂直父StackView的约束（比如leading、trailing、top/bottom，按需设置）

UIImageView的核心设置 #

• 固定高度约束为20pt，不要设置宽度约束
• 保持Content Mode为Aspect Fit
• 调整优先级：
  • 水平方向的内容拥抱优先级（Content Hugging Priority）：将UIImageView设为251，标签设为250（确保图片不被强制拉伸）
  • 水平方向的抗压缩优先级（Compression Resistance Priority）：将UIImageView设为749，标签设为750（空间不足时优先压缩标签，保留图片比例）
• 确保translatesAutoresizingMaskIntoConstraints为NO（代码实现时），IB中默认开启自动布局即可

用普通UIView容器实现 #

• 给UIImageView添加：高度20pt约束、leading对齐容器leading的约束
• 给标签添加：leading与UIImageView.trailing间距8pt的约束、trailing对齐容器trailing的约束、垂直居中对齐容器的约束
• 同样调整UIImageView与标签的水平方向优先级（拥抱优先级图片高于标签，抗压缩优先级图片低于标签）

排查要点 #

• 确认UIImageView的image已正确加载，若图片为nil，其intrinsicContentSize会为0，导致布局异常
• 不要给水平StackView或UIImageView设置固定宽度约束，否则会覆盖自适应逻辑
• IB布局时，检查是否存在多余的宽度约束（比如误加的UIImageView宽度约束）

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