iOS同等间隔视图

时间:2017-05-25 01:54:57

标签: ios storyboard

enter image description here 嗨,为什么这样在iPad 2空中出现?我跟着this

我希望白色占位符的宽度更小。

1 个答案:

答案 0 :(得分:1)

如果希望所有视图间隔相等,请使用水平UIStackView并将间距属性设置为equal

或者,如果您想通过约束手动执行此操作,则必须将视图的宽度比例设置为device/superView's宽度。

例如,如果您的iPhone / iPad宽度为320,如果您希望4视图间隔相等,请将屏幕宽度除以数字为视图设置相等宽度约束时的视图

320 / 4 = 80 (Width of each view)

对所有需要的视图/按钮执行以下步骤:(我使用按钮作为示例目的)

这是我们开始的地方:

Beginning

第1步:
Top的{​​{1}}和Leading约束设置为超级视图,如下所示:Top and Leading Constraints

第2步:

制作其超级视图的按钮Button1Equal Width

Make button equal width and height of its superview

第3步:

现在你的按钮显然与你的超级视图大小相同。这是有趣而简单的部分。通过编辑约束,使您的按钮的宽度为1/4(如果您有6个视图需要等间距,使其为1/6),则可以通过编辑约束来获得超视图的宽度。

Set width multiplier to 1/4

第4步:

将先前步骤中的约束应用于所有视图/按钮,并更新帧以查看更改。

Final output

这些是第一个按钮的约束供您参考:

Total constraints for the button