ios - 自动布局以动态调整 uilabel 宽度

Question

所以我在 Storyboard 中并排放置了两个 UILabel。第二个标签应该靠在第一个标签的右边缘(尾随约束为 1)，但我还需要第一个标签(左边的标签)将其宽度设置为等于其内容大小，除非它达到最大宽度.视觉上:

---

|标注一段文字| |标注两段文字|

---

我需要以下约束:

1) 标签 1 应该调整宽度，除非它达到最大尺寸。

2) 标签二应始终紧靠标签一的右边缘

如何在 Storyboard 中进行设置？

Answer 1

1. 在标签之间创建 1 磅的水平空间:按住 Control 从 label2 拖动到 label1。从弹出窗口中选择水平间距。双击约束。将常量更改为 1。
2. 给 label1 一个最大宽度:选择 label1。转到顶部菜单栏，选择编辑器 > 固定 > 宽度。双击约束。将关系更改为 <= 并将常量更改为最大宽度。
3. 垂直对齐标签:选择两个标签。转到顶部菜单栏，选择编辑器 > 对齐 > 垂直居中。
4. 您仍然需要设置约束来定义标签在其容器 View 中的定位方式。我把它留给你。我将 label1 固定在距 Root View 左边缘 32 点和距顶部布局指南 34 点的位置。
5. 更新标签的框架，使其反射(reflect)上述约束:转到 Canvas 右下角的菜单栏。点击“解决自动布局问题”Tie-Fighter 按钮。在弹出窗口中选择“更新所有框架…”。

注意:请注意，我不必创建约束来使 label1 的宽度反射(reflect)其内容大小。内容大小限制是自动生成的。