在swift(故事板)中居中多个独立项目

时间:2015-10-21 07:08:30

标签: ios swift autolayout uistoryboard

我正在开发适用于iOS设备的应用。以下是我的问题描述:enter image description here

正如您所看到的,有一个标签及下方,三个图像和三个标签,都是独立的。我需要集中所有这些项目,有没有办法在故事板中做到这一点?我很喜欢故事板,也许有一种方法来设置正确的约束。我对html有更多的经验,并且在那里我只是把一个新的div包装所有项目。感谢

2 个答案:

答案 0 :(得分:5)

是的,您可以为我添加的每个项目添加约束,我已为每个视图添加了图像,并为每个视图添加了约束

约束解释: -

1)对于中心标签,我添加了顶部约束并将其水平居中

2)对于所有的imageView,我已根据您的要求固定图像的宽度和高度

3)我已将每个图像的顶部与标签对齐,标签位于下一个图像的顶部 - 这样它们就会保持在同一水平线上

4)在图像和标签之间以及标签和下一个图像之间添加了水平间距,以便它们保持在一起

5)通过作者"添加中心水平约束。标签,因为它在中心,因为所有其他标签和图像具有相互链接的水平空间,整个单元将保持中心对齐。

6)在第二张图像和"中心标签"

之间添加了垂直间距

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

如果您在任何设备(iPhone / ipad)上运行它,它将根据您的要求位于中心,我已添加2个图像以显示输出

enter image description here

enter image description here

答案 1 :(得分:0)

可接受的答案适用于奇数个视图。对于偶数个视图,我只需在中间添加一个宽度为1的透明UIView,并将其居中(如在接受的答案中所述)。