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

Question

好的，我们在情节提要中有 4 个（2,3 或 5）标签，如附图所示。我需要将所有设备的所有项目（垂直和水平方向）均匀居中。

我无法正确选择约束，我花了很多时间以及看了很多教程，但在所有示例中都没有为此使用大小类。

我知道我必须使用乘数，但我不明白怎么做？

谢谢。

Answer 1

让我们假设有四个标签的情况。您需要创建三组独立的约束：第一组将使标签成为屏幕宽度的 1/4，第二组将它们均匀地放置在其包含视图中，第三组将确保包含视图填满整个屏幕宽度，不管是什么。您在“All, All”尺寸类上设置这些约束，以便它们适用于任何地方。

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

2) 通过约束设置第一个标签的位置，使其左边缘与包含视图的左边缘相同。对于其他每个标签，设置一个约束，使其左边缘紧挨前一个标签的右边缘。

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

最后，只需使用常用的文本对齐工具（与自动布局无关），将每个标签框架内的标签文本居中。