堆栈视图中堆栈视图的约束答案

【问题标题】：Constraints for Stack View in Stack View堆栈视图中堆栈视图的约束
【发布时间】：2018-10-30 18:41:36
【问题描述】：

为什么会这样？

这是我的限制：

两个堆栈视图：水平和垂直，两个分布均设置为“均等填充”。

我做错了什么？

【问题讨论】：

【解决方案1】：

distribution 属性确定子视图沿堆栈视图轴的大小，在这种情况下，垂直堆栈视图上的 .fillEqually 将导致开关和标签具有相同的高度。

alignment 属性将确定视图在另一个轴上的位置和大小。如果设置为默认值.fill，则视图将与堆栈视图具有相同的大小。

在这种情况下，堆栈视图将为开关和标签分配与包含堆栈视图一样宽的宽度，但开关具有固定大小，因此它们将覆盖该大小并保持固定宽度。

如果您希望标签和开关居中，请将alignment 设置为.center。

【讨论】：

【解决方案2】：

您的垂直 StackViews 应设置为：

Alignment: Center
Distribution: Fill

你的水平 StackView 应该设置为：

Alignment: Fill
Distribution: Fill Equally

结果：

【讨论】：