如何在 Xcode 故事板中等间距项目？答案

【问题标题】：How to equally space items in Xcode storyboard?如何在 Xcode 故事板中等间距项目？
【发布时间】：2016-02-16 16:07:41
【问题描述】：

我想让 15 个按钮在它们之间等距分布，并正确地垂直引导和拖尾超级视图。我设置了约束，使左侧的一组按钮与左边距对齐，而右侧的一组按钮与右边距对齐。第一个按钮从每组中的顶部边缘引出，其余按钮每个都具有设置为上邻居的垂直空间约束。我认为这足以让它发挥作用，但事实并非如此。如您所见，对于 iPhone 4，屏幕上显示的按钮数量只有 12 个，所以我肯定需要根据屏幕大小动态更改按钮大小。我附上了来自情节提要的屏幕截图，其中显示了 Any x Any 编辑器视图和 3.5 英寸屏幕的预览。

【问题讨论】：

如果您的目标是 iOS9，请使用 UIStackView。它们非常适合这种布局。

标签： ios xcode storyboard uikit interface-builder

【解决方案1】：

将高度约束添加到左上角按钮为父视图高度的1/15，并且所有按钮的高度都等于左上角。

注意仅当按钮之间的垂直间距为零时才有效。

如果您有垂直空间值，例如x，则将其设置为1/15 - 14 * x

注意 #2 仅在 iOS 9 中，似乎堆栈视图将在这方面提供完美的帮助

【讨论】：

【解决方案2】：

使用堆栈视图很容易做到这一点。只需选择所有按钮并单击名为 Stack 的最左侧图标（左窗格的右下侧），就会看到神奇的发生！

【讨论】：

【解决方案3】：

尝试像这样设置约束：

首先选择左侧的所有元素并给出前导约束：

现在选择第一个元素并给出顶部约束：

现在选择第二个元素并选择它，并将其拖到第一个元素并给出垂直间距：，重复给所有元素的垂直间距，这样每个元素的垂直空间都将受到其顶部元素的限制！！。

对右侧的元素执行相同操作。

给出左侧所有元素的尾随约束，

并选择顶部元素并给出顶部约束

然后选择顶部元素下方的一个元素并在这两个元素之间设置垂直间距，对所有元素重复此操作！！！这样每个元素都将受到其顶部元素的垂直空间限制！

注意：我只给了左侧约束，右侧也可以试试！！！！！

【讨论】：