Xcode 7 - 约束 - 按钮之间的间距相等

Question

我试图在11个按钮之间获得水平相等的间距,我尝试过使用IB,但我无法在不同的屏幕尺寸上同样获得按钮.此外,我想增加按钮的大小,并保持每个按钮在更大的屏幕上的比例.

3.5英寸

5.5英寸

我一直在尝试所有不同的约束设置,但我无法做到正确.这可能实现,如果是,如何？

Answer 1

要平均布置11个按钮,请在它们之间放置10个间隔视图:

设置以下约束:

1. 将前导空格设置为容器视图最左边的按钮和左边距之间的边距约束.
2. 将尾随空格设置为容器视图最右边的按钮和右边距之间的边距约束.
3. 将所有按钮和间隔视图固定到它们的左右邻居.该常数应为0.
4. 设置所有间隔视图的高度(类似于64).
5. 在最左侧按钮和顶级视图之间设置" 等宽"约束.将乘数更改为1:18.这将允许按钮大小在更大的屏幕上增长.
6. 选择所有11个按钮(按住shift并单击11个按钮.选择" 等宽"和" 宽高比".使方形按钮的宽高比 保持不变 1.
7. 选择所有10个间隔视图并设置等宽.
8. 在最左边的按钮和上边距之间设置垂直间距到顶部布局指南约束.
9. 选择所有11个按钮和10个间隔视图,然后选择" 对齐垂直中心".
10. 选择所有10个间隔视图,并在" 属性"检查器中设置其隐藏属性.

在iPhone 4S(3.5英寸)上:

在iPhone 6S Plus(5.5英寸)上:

Answer 2

使用水平UIStackView并将其设置为"均匀填充"