均匀空间多个视图使用大小类

时间:2014-12-25 16:45:48

标签: ios storyboard alignment size-classes

好的,我们在故事板中有4(2,3或5)个标签,如附图所示。我需要为所有设备均匀居中所有项目(垂直和水平方向)。

我不能正确选择约束,我花了很多时间和看过许多教程,但是在所有示例中都没有使用大小类。

我知道我必须使用倍增器,但我不明白怎么做?

enter image description here

THX。

1 个答案:

答案 0 :(得分:1)

我们假设有四个标签的情况。您需要创建三组独立的约束:第一组将使标签宽度为屏幕宽度的1/4,第二组将它们均匀地放置在其包含的视图中,第三组将确保包含的视图填满整个屏幕宽度,无论那是什么。您可以在“全部,全部”大小类上设置这些约束,以便它们适用于所有地方。

1)创建一个约束,使每个标签的宽度“等于”包含视图的宽度。在此约束中,将乘数设置为0.25。然后,这将使标签成为包含视图宽度的25%。

2)通过约束设置第一个标签的位置,该约束使其左边缘与包含视图的左边缘保持一致。对于其他每个标签,请设置一个约束,使其左边缘保持在前一个标签的右边缘旁边。

3)在包含视图上设置约束,以使左右边缘均等于其自身包含视图的左右边缘。

最后,使用通常的文本对齐工具(与autolayout无关)将标签文本居中放在每个标签框架中。