如何使用 Storyboard Auto Layout 对齐这两个元素并调整其大小？

Question

我正在设计一个非常简单的 "Today" 小部件，它只有两个元素：一个文本标签（此处显示为红色背景）和一个信息按钮。我希望信息按钮始终显示在标签之后。

所以：

1. 信息按钮应始终保持在右边距
2. 标签应始终贴在左边距
3. 标签应自行调整大小，使其成为可用 space 的整个宽度，一直到按钮的边缘

我该怎么做？！自动布局太令人困惑了，我已经玩了一个小时但没有运气。不知道从哪里开始。我想我至少需要三个约束条件，一个满足上述每一个需求...

Answer 1

您的 info 按钮将具有固定的宽度和高度。将其右边距设置为父级右边距。将红色标签的左边距设置为父级的左边距，将右边距设置为信息按钮的左侧。

现在，由于您的红色标签没有宽度限制，它将占用左边距和右边距之间的所有宽度。

这是它的样子。

Answer 2

您应该创建顶部、底部、宽度和尾部（到容器视图）约束信息按钮。 对于标签，它们应该是前导、顶部、底部（到容器视图）和到信息按钮的水平间距。 希望能有所帮助。