UI标签之间的灵活水平间距

Question

我在故事板中使用了所有分辨率支持的自动布局，但我被困在了一件事情上。我想要使用约束条件在我的标签之间灵活地调整水平间距。有关更多详细信息，请参阅屏幕截图。 这是一个4.7inch但屏幕画面是正确的，因为我设计的特别此屏幕

4英寸的屏幕

5.5英寸

iPad屏幕

请帮助管理我的标签在所有支持的解决方案中均具有自动布局和约束。

编辑

这是我的看法层次结构，这也是一些视图控制器的视图的子视图。

Answer 1

您有5个视图包含标签。我们称之为view1到view5，让我们打电话给他们的超级视图orangeView。

1. 从布局orangeView开始。将其领先优势限制在其超级观点的领先优势。将其后沿限制在其超级视图的后沿。将其高度限制为50.

2. 以orangeView的子视图增加5个视图。按照您希望的方式将它们按视觉布局排列。

3. 从最左边的视图开始，我们将其称为view1，将其顶部边缘限制为距离其最近邻居（即orangeView的顶部）的顶部边缘8个点。将其底边从orangeView的底部边缘限制为8个点。将其左边缘限制为距其最近的邻居8点。对视图2到4重复此操作，始终将其顶部，左侧和底部边缘约束为距离最近的邻居8个点。对于view5，将所有4个边限制为距离最近邻居8个点。

4. 约束view2的宽度等于view1的宽度。限制view3的宽度等于view2的宽度。约束view4的宽度等于view3的宽度。限制view5的宽度等于view4的宽度。这就是让所有视图在尺寸上一起增长的原因。

5. 将标签作为子视图添加到每个视图view1到view5。限制它们的宽度和高度足以容纳文本。为每个标签添加2个约束，以便在其包含的视图中垂直和水平居中。