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

时间:2016-08-04 23:01:59

标签: ios autolayout

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

3.5英寸 enter image description here

5.5英寸 enter image description here

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

2 个答案:

答案 0 :(得分:10)

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

11 buttons

设置以下约束:

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

    iPhone 4S Simulator

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

    enter image description here

答案 1 :(得分:5)

使用水平UIStackView并将其设置为&#34;平均填充&#34;