如何在Xcode故事板中平均分配项目?

时间:2015-11-15 13:54:03

标签: ios xcode storyboard uikit interface-builder

我希望它们之间有15个按钮等距离,并正确地垂直引导和拖尾超视图。我设置了约束,以便左边的按钮对齐到左边距,右边的集对齐到右边距。第一个按钮从每个集合中的上边距引出,其余每个按钮都有一个约束,用于设置为上邻居的垂直空间。我认为这足以让它发挥作用,但事实并非如此。正如您所看到的,对于iPhone 4,屏幕上显示的按钮数量仅为12,因此我肯定需要以某种方式动态更改按钮大小,具体取决于屏幕大小。我附加了故事板中的屏幕截图,其中显示了Any x Any编辑器视图和3.5英寸屏幕的预览。

enter image description here

3 个答案:

答案 0 :(得分:4)

使用堆栈视图很容易实现。只需选择所有按钮,然后单击最左边的图标(左侧窗格的右下角),该图标名为Stack,看看神奇的事情发生了!

enter image description here

答案 1 :(得分:2)

尝试设置这样的约束:

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

enter image description here

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

enter image description here

现在选择第二个元素并选择它,然后将其拖动到第一个元素并给出垂直间距:重复给出所有元素的垂直间距,这样每个元素都将被垂直空间约束其顶部元素!!。 / p>

enter image description here

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

为左侧的所有元素提供尾随约束

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

然后在顶部元素下面选择一个元素并在这两个元素之间给出垂直间距,对所有元素重复它!这样每个元素都会受到顶部元素约束的垂直空间!!

注意:我只给了左边的限制,你也可以尝试右边!!!!!

答案 2 :(得分:1)

将高度约束添加到左上角按钮,使其成为超视图高度的1/15,对于所有按钮,将高度等于左上角按钮。

注意仅当按钮之间的垂直间距为零时才会起作用。

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

仅在iOS 9中

注意#2 ,似乎堆栈视图将完全有助于