UIStackView Spacing - 不要推到顶部和底部的锚点

Question

我正在尝试分发一些嵌套的堆栈视图，但我认为我缺少一个属性来帮助我按照我想要的方式对齐各种视图。

这是当前的输出：

这样做的问题是添加到每一列的两个排列的子视图（堆栈视图）是分布的，因此第一个子视图与顶部对齐，第二个子视图与底部对齐（在之间）。

但这就是我所希望的——在每列的第一个和第二个排列的子视图之间总是有一个固定的空间（比如 10 像素），而第二个排列的子视图下方的额外空间只是留给它需要的空间是。

视图排列如下：

outerStackView = 绿色视图：（顶部 20px，左侧 64px，底部 20px， 右侧 64 像素 - 出现在两个屏幕截图中，但仅在顶部突出显示）具有属性：

outerStackView.axis = .Horizontal
outerStackView.distribution = .FillEqually
outerStackView.spacing = 10

leftStackView、middleStackView、rightStackView 添加到 outerStackView 中，每个都有属性：

columnStackView.axis = .Vertical
columnStackView.distribution = .Fill
columnStackView.alignment = UIStackViewAlignment.Top
columnStackView.spacing = 10

然后每列里面有 2 个 stackViews，由红色和蓝色框周围的深灰色框表示。带属性：

redBlueStackView.axis = .Horizontal
redBlueStackView.distribution = .FillProportionally
redBlueStackView.alignment = UIStackViewAlignment.Top
redBlueStackView.spacing = 4

Answer 1

您应该将堆栈视图固定到包含视图的您。这会给你一个更一致的外观。如果您希望所有 3 个都具有相同的大小，您也可以在水平堆栈视图中将所有三个堆栈视图最好。另一个技巧是弄乱包含优先级和抗压性变量的内容。如果您有更多问题，希望对我有所帮助。