Xcode 6界面构建器 - 水平对齐标签

Question

如何使用Xcode 6界面构建器水平对齐4个UILabel，并在它们之间使用相等的间距。我希望标签有点偏离视图的顶部和中央。每个标签下面还会有另一个相关标签，需要与下图对齐。

是否有任何其他组件更容易用于以这种方式对齐。

Answer 1

为标签赋予这些约束：

Label1（10）：容器的顶部空间，                 领先的集装箱空间
Label2（10）：容器的顶部空间，                 水平间距 - 标签1（10）
Label3（DAYS）：容器的前导空间，                 标准间距 - 标签1（10）
Label4（HOURS）：水平间距 - 到Label3（DAYS），                 正确的间距 - 到Label2（10）

Answer 2

一种可能的方法是将两个标签放在一个单独的UIView中，作为容器处理。相应地设置视图的大小。然后，您可以删除此UIView上的2个标签，并设置其标签在其超级视图中水平居中的约束。对第二个盒子做同样的事。

看起来像这样。我将底层的UIView染成灰色，以便在这里可见。

约束是：

1. UIView的宽度和高度为100
2. Label1（10）：边缘顶部和水平居中容器
3. Label2（Days）：与Label1的垂直距离和容器中的水平居中

视图本身可根据您的需要定位。

我对这个问题的回答可以提出更多想法：Center 4 images with constraints autolayout

Answer 3

我希望Xcode让这更容易。我的解决方案是添加一个不可见的视图，该视图居中并锁定到顶部布局指南，然后将其他所有内容都基于此。

首先，将UIView拖到视图控制器上，然后将背景颜色更改为白色以外的颜色。给它这些约束：

• 顶部空间到顶部布局指南（主视图）
• 在容器（主视图）中水平居中
• 身高10
• 宽度100

现在已经锁定，从标签到该视图创建约束 - 垂直空间，水平空间，中心X，无论您喜欢什么。最后，将参考视图更改为透明，然后全部设置。