iOS技术咨询：约束宽度的UIView内UILabel自动换行排版容器

嘿，当然有啦！原生的UIStackView就能完美实现你想要的这个效果，而且是iOS系统自带的，完全不需要依赖第三方库，用起来超方便。

下面是具体的实现步骤，照着做就行：

• 先创建一个UIStackView，把你所有的UILabel都添加到这个容器里
• 给UIStackView设置几个关键属性：
  • 设置axis = .horizontal：让标签默认横向排列
  • 设置合适的spacing：比如8px，控制标签之间的间距（根据你的需求调整就行）
  • 设置alignment = .top：保证换行后的标签和上方的标签顶部对齐，排版更整齐
  • 设置distribution = .fill：让每个标签保持自己的固有宽度（也就是你提到的75px），不会被压缩或拉伸
• 给UIStackView添加宽度约束为100px，注意不要固定它的高度，让它根据标签的排列自动自适应高度
• 最后给每个UILabel设置内容优先级，确保它们能维持自身的固有宽度：

  // 确保标签不被拉伸
  label.setContentHuggingPriority(.required, for: .horizontal)
  // 确保标签不被压缩
  label.setContentCompressionResistancePriority(.required, for: .horizontal)
  

这样设置之后，当第一个标签占了75px的宽度，剩下的可用空间（100px - 75px - 你设置的spacing）肯定放不下第二个75px的标签，这时候UIStackView就会自动把第二个标签换行到第一行的下方，完全符合你的预期。

补充说明 #

如果你的项目需要兼容iOS 10及更早版本，原生UIStackView的换行功能会有一些限制，这时候可以考虑用SnapKit或者Cartography这类布局库自己实现流式逻辑，但现在大部分项目都已经支持iOS 11+了，原生UIStackView绝对是最省心的选择。

要是你需要处理大量的标签（比如十几个甚至更多），也可以考虑用UICollectionView配合UICollectionViewFlowLayout来实现流式布局，但这种方案相对繁琐一点，适合子视图数量较多的场景，几个标签的话还是UIStackView性价比最高。

内容的提问来源于stack exchange，提问作者Pat Long - Munkii Yebee