ios Autolayout - 在图像上对齐文本

Question

我有一个由 UIImage 和 UITextLabel 组成的视图。标签漂浮在对话气泡内的图像上方。这两种资产都存在于一个设置为使用自动布局的 xib 文件中。 UIImage 被固定到容器视图的前缘、顶部、后缘和底部边缘。我尝试了很多事情，包括将 UILabel 固定在视图的左边缘和上边缘，并给它一个固定的宽度和高度。当整个 xib 被加载和缩放时，UILabel 不可避免地会失去对齐。应该如何使用自动布局设置这样的视图？在我的用例中，UILabel 正在动态更新，否则我只需将其渲染到图像中即可完成。

Answer 1

如果您希望文本始终在图像上方对齐，您可以尝试首先将图像添加到 .xib 文件并添加它的约束（最简单的左侧、顶部、右侧和底部到容器）。然后添加UILabel。从这里，单击标签，然后也选择图像（Shift + 单击）。转到编辑器 > 对齐并从此处选择选项...

Left/Right Edges 将对齐 UILabel 的左/右边缘以对齐 UIImage 的左/右边缘。顶部/底部边缘将对齐 UILabel 的顶部/底部边缘以对齐 UIImage 的顶部/底部边缘。等等……

但是，如果您先选择 UIImage，然后选择 UILabel，它会将 UIImage 与 UILabel 的边缘对齐。

编辑：

This post 帮助解释了一个可能的解决方案。