2017-05-25 67 views
0

enter image description here 嗨,为什么在iPad 2空气中这样出现?我跟着thisiOS等间距视图

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

+0

所以,你想要的是左对齐的标签? –

+1

您是使用StackView还是仅使用约束?告诉我们你的代码。 – GlennRay

+0

你跟着那个,但不是很完美,在左边的图像中你没有这个颜色视图之间的视图。 –

回答

1

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

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

例如,如果在iPhone/iPad宽度是320,如果要4视图为等间隔,由数量的视图划分屏幕宽度同时设定等于宽度约束的意见:

四分之三百二十= 80(每个视图的宽度)

做所有你需要的视图/按钮下面的步骤:(我使用例如目的按钮)

这是我们开始:

Beginning

第一步:Top and Leading Constraints

第2步:您Button1到它的父这样的
设置TopLeading约束


让您的按钮Equal Width和它的父的Equal Height

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

+0

首先,我已经尝试过使用stackview,但我无法在故事板上调整它的高度和其他值。我不知道为什么。它在更大的设备上拉伸太多。 – eChung00

+0

我编辑了我的答案,请查看。 –

+0

我今晚会检查这个......你的做法似乎很有趣。这是有道理的,但我想不出来哈哈...我还有一个问题。有没有办法使其高度与宽度成比例?我尝试过使用stackview和更大尺寸的设备,图标拉得太大。我不确定你的方法是否处理它。 – eChung00