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

Question

我在故事板中使用自动布局并支持所有分辨率，但我坚持一件事。我希望使用约束我的标签之间有灵活的水平间距。有关详细信息，请参阅屏幕截图。 这是一个4.7英寸的屏幕。这个屏幕是正确的，因为我特别设计了这个屏幕

4英寸屏幕

5.5英寸

IPad屏幕

请帮助您在所有支持的分辨率中使用自动布局和约束来平均管理标签间距。

修改

这是我的视图层次结构，它也是某个视图控制器视图的子视图。

Answer 1

您有5个包含标签的视图。让我们通过view1呼叫view5，然后让他们调用超级视图orangeView。

1. 首先列出orangeView。将其前沿限制在其超视图的前沿。将其后缘约束到其超视图的后缘。将其高度限制在50。

2. 再添加5个视图作为orangeView的子视图。大致按照您的要求将它们展开。

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

4. 将view2的宽度限制为等于view1的宽度。约束view3的宽度等于view2的宽度。约束view4的宽度等于view3的宽度。约束view5的宽度等于view4的宽度。这使得所有视图的大小一起增长。

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