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

Question

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

所以：

1. 信息按钮应始终坚持右边距
2. 标签应始终贴在左边距
3. 标签应自行调整大小，以便它是可用空间的全宽，直到按钮的边缘

我该怎么做？！自动布局太麻烦了，我已经玩了一个小时而没有运气。无法弄清楚从哪里开始。我想我至少需要三个约束，一个满足上面的每个需求......

Answer 1

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

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

这就是它的样子。

Answer 2

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