如何为不同的屏幕设置自动调整大小的文本

Question

我的任务是为不同的屏幕分辨率保留单元格中元素的大小和位置。

我做了：

1. 为外部容器的红色和绿色块（UILabels）建立约束。
2. 将它们之间的约束设置为0。它的优先级高于红色块在底部和绿色在顶部的限制。
3. 为这些标签设置行= 0。
4. 设置自动收缩。

结果，字体大小在不同的设备上改变。 但是仍然存在一些问题：

1. 如何删除两个标签上方和下方的太大填充物？
2. 如何使它们均匀地调整大小？ 现在，其中一个块比另一个块具有优势，这取决于要赋予更高优先级的约束。 如果使它们相等-也将不起作用。

（我想通过Interface Builder做所有事情）

• 屏幕截图具有不同的约束优先级
• 我的约束
• 填充和属性

Answer 1

您可以利用相等的高度和相等的宽度约束。

请按照以下步骤操作，以使iPhone 8和iPhone 4s上的UILabel间距相同。 这将帮助您使其成比例。

1）要实现此目的，只需选择您的label（红色），label（绿色）和superview（我认为您是UICollectionView的单元格）

2）我们对保持高度成比例感兴趣。 即红色标签（80％）和绿色标签（20％）

当前，所有高度都等于超级视图的高度，即RedLabel和Greenlabel的高度等于超级视图的100％。

但目标是使红色和绿色标签分别达到80％和20％。

因此，选择红色标签高度约束。 在这里，您将设置约束条件，即“红色标签的高度应为超级视图高度的80％”。

同样，对于“绿色标签”，设置“绿色标签的高度，以使它占Superview高度的20％”。

红标

绿色标签

3）现在完成x和y轴位置约束，这很简单

a）红色标签前导= Superview的前导边缘

b）红色标签尾随=超级尾随

c）红色标签顶部=超级视图的顶部边缘

d）红色标签底部= 不需要 （因为它具有所有必要的约束条件来证明其位置即高度= 0.8 *超级视图并且顶部对齐，例如：超级视图高度为100，使该视图顶部与height = 80对齐）

e）绿色标签领先=红色标签领先（您已经在点“ a”中设置了此功能，无需再次为绿色标签设置约束）

f）绿色标签结尾=红色标签开头（您已经在点“ b”中设置了此标签，无需再次为绿色标签设置约束）

g）绿色标签底部=超级视图底部

h）绿色标签top = 不需要 （因为它具有所有必要的约束条件以证明其位置正确，即height = 0.2 * superview并与底部对齐，例如：super view的高度为100，使此视图底部与height = 20对齐）

这是最终的约束列表以及iPhone 8和4s的情节提要预览。