如何为等间距按钮添加情节提要约束

Posted 2023-03-15

【中文标题】如何为等间距按钮添加情节提要约束

【英文标题】：How To Add Storyboard Constraints For Equal Spaced Buttons

【发布时间】：2015-07-21 15:02:53

【问题描述】：

我正在尝试将两个按钮添加到还包含表格视图的视图中。我希望这两个按钮填充不同屏幕尺寸的屏幕宽度（仅限纵向）。按钮的最小宽度为 100 个单位来保存文本，但我希望它们在更大的屏幕上更宽。我希望按钮之间的空间至少为 20 个单位，外边缘之间的空间至少为 20 个单位。这似乎应该是直截了当的，但我无法理解故事板自动布局中的对齐和固定约束。到目前为止，我看到的教程令人困惑，似乎没有涵盖正确数量的细节来帮助我。请给我一些指导。下面是设置约束之前的布局。

这是 4 英寸 iPhone 上的布局：

我已经花了一天时间尝试不同的约束组合，但仍然遇到问题。就在我认为我有一些有用的东西时，它不会建立，因为它说我有冲突。

我正在尝试使用以下工具（连同对齐工具 - 未显示）来创建适当的约束。我曾尝试选择一个或两个按钮，然后使用编辑器设置约束，但每次尝试看起来都很糟糕。即使我选择“重置为建议的约束”，我也会得到古怪的结果。请就如何完成这个看似基本的任务提出建议。

【参考方案1】：

你必须有：

领先于第一个按钮 20 第二个按钮 20 的尾随 按钮 20 之间的水平间距 两个按钮的宽度相等 每个按钮的宽度 >= 150

【讨论】：

宽度 >= 150 约束在这里实际上没有做任何事情（除非视图宽度小于 360 点会导致约束冲突），因为按钮只有一个可能的宽度满足间距。

您提到您想要至少 150 个？可以删除 >= 约束，按钮将占据整个空间，无论屏幕宽度如何

对不起，不好的例子。我只是想提出一个基本问题，即如何让两个按钮的最小宽度随着屏幕变宽而扩展

您可以通过按住 Ctrl 并从一个视图拖动到另一个视图来添加约束，您将获得一个约束列表，您可以在释放单击时添加这些约束。我添加的 >= 约束 = 约束然后在右侧检查器中设置为“大于或等于”对于某些约束，您必须使用弹出窗口。

好的。橙色线显示您的视图将被放置在哪里。您只需要从第三个弹出窗口更新帧。如果线条为红色，则某些约束相互矛盾。当我添加约束时。首先，我添加所有视图，拖动约束考虑事物的外观，然后更新框架以查看结果是否符合我的预期