如何为等间距按钮添加故事板约束
How To Add Storyboard Constraints For Equal Spaced Buttons
我正在尝试向还包含 table 视图的视图添加两个按钮。我希望这两个按钮能够针对不同的屏幕尺寸(仅限纵向)填充屏幕宽度。按钮的最小宽度为 100 个单位以容纳文本,但我希望它们在更大的屏幕上更宽。我希望按钮之间的 space 至少为 20 个单位,外边缘之间的 space 至少为 20 个单位。这看起来应该是直截了当的,但我无法理解 Storyboard 自动布局中的对齐和固定约束。到目前为止,我看到的教程令人困惑,而且似乎没有涵盖对我有帮助的适当数量的细节。请给我一些指导。下面是约束到位之前的布局。
这是布局在 4" iPhone 上的样子:
我已经花了一天时间尝试不同的约束组合,但仍然有问题。就在我认为我有一些有用的东西时,它不会构建,因为它说我有冲突。
我正在尝试使用以下工具(以及对齐工具 - 未显示)来创建适当的约束。我曾尝试选择一个或两个按钮,然后使用编辑器设置约束,但每次尝试看起来都很糟糕。即使我选择 "Reset to Suggested Constraints",我也会得到奇怪的结果。请就如何完成这项看似基本的任务提供建议。
你必须拥有:
- 前导第一个按钮 20
- 第二个按钮的尾随 20
- 按钮之间的水平间距 20
- 两个按钮的宽度相等
- 每个按钮的宽度 >= 150
我正在尝试向还包含 table 视图的视图添加两个按钮。我希望这两个按钮能够针对不同的屏幕尺寸(仅限纵向)填充屏幕宽度。按钮的最小宽度为 100 个单位以容纳文本,但我希望它们在更大的屏幕上更宽。我希望按钮之间的 space 至少为 20 个单位,外边缘之间的 space 至少为 20 个单位。这看起来应该是直截了当的,但我无法理解 Storyboard 自动布局中的对齐和固定约束。到目前为止,我看到的教程令人困惑,而且似乎没有涵盖对我有帮助的适当数量的细节。请给我一些指导。下面是约束到位之前的布局。
这是布局在 4" iPhone 上的样子:
我已经花了一天时间尝试不同的约束组合,但仍然有问题。就在我认为我有一些有用的东西时,它不会构建,因为它说我有冲突。
我正在尝试使用以下工具(以及对齐工具 - 未显示)来创建适当的约束。我曾尝试选择一个或两个按钮,然后使用编辑器设置约束,但每次尝试看起来都很糟糕。即使我选择 "Reset to Suggested Constraints",我也会得到奇怪的结果。请就如何完成这项看似基本的任务提供建议。
你必须拥有:
- 前导第一个按钮 20
- 第二个按钮的尾随 20
- 按钮之间的水平间距 20
- 两个按钮的宽度相等
- 每个按钮的宽度 >= 150