ios - UIStackView 间距 - 不要推到顶部和底部 anchor

Question

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

这是当前的输出:

问题在于，添加到每一列(堆栈 View )的两个排列的 subview 是分布的，以便第一个 subview 与顶部对齐，第二个 subview 与底部对齐(在他们之间)。

但这就是我所希望的 - 每列中第一个和第二个排列的 subview 之间总是有一个固定的空间(比如 10 px)，而第二个排列的 subview 下方的额外空间只是留给它需要的空间是。

View 排列如下:

outerStackView = 绿色 View :(顶部 20px，左侧 64px，底部 20px，右侧 64px - 出现在两个屏幕截图中，但仅在顶部突出显示)具有属性:

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 个 stackView，由直接围绕红色和蓝色框的深灰色框表示。具有属性:

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

Answer 1

您应该将堆栈 View 固定到包含 View 。这会给你一个更一致的外观。如果您希望所有 3 个大小相同，您还可以在水平堆栈 View 中最好地使用所有三个堆栈 View 。另一个技巧是弄乱内容拥抱优先级和压缩阻力变量。如果您有更多问题，希望这对您有所帮助。