UIStackView与对齐轴顶部对齐时出现诡异布局冲突问题咨询

疑问1：为什么会出现垂直布局冲突？ #

你对UIStackView固有尺寸的理解基本正确，但冲突的根源在于VStack的默认布局行为和仅含单个子视图的HStack的垂直约束弹性：

• VStack默认的distribution属性为.fill，会尝试让子视图拉伸以填充垂直方向的可用空间。
• 当HStack仅包含一个标签且设置为顶部对齐时，HStack的垂直尺寸并未被严格固定为标签的高度——顶部对齐仅保证标签贴在HStack顶部，但HStack本身可以被拉伸至任意高度（没有其他子视图限制它的底部边界）。
• 此时两个HStack的*垂直压缩抵抗优先级（Compression Resistance Priority）和内容拥抱优先级（Content Hugging Priority）*完全一致，Auto Layout无法确定该如何分配垂直空间给两个可自由拉伸的HStack，因此抛出布局冲突。

疑问2：添加标签后冲突为何消失？ #

当你给任意一个HStack添加第二个标签并设置不同的水平内容优先级时，本质上消除了布局约束的歧义：

• 新增子视图后，HStack的垂直尺寸被明确为子视图的最大垂直高度（水平排列的标签会让HStack高度取最高标签的高度），同时HStack的内容拥抱优先级会提升——它更倾向于保持自身固有高度，而非被拉伸。
• 另外，设置不同的水平内容优先级后，两个HStack的整体布局优先级产生了分化，Auto Layout可以根据优先级高低确定哪个HStack优先保持自身尺寸、哪个可被调整，从而彻底解决了之前的约束冲突。

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