如何为等间距按钮添加Storyboard约束

时间:2015-07-21 15:02:54

标签: ios storyboard autolayout

我正在尝试向包含表格视图的视图添加两个按钮。我希望这两个按钮可以填充不同屏幕尺寸的屏幕宽度(仅限肖像)。按钮用于保持文本的最小宽度为100个单位,但我希望它们对于较大的屏幕更宽。我希望按钮之间的空间至少为20个单位,外边缘之间至少有20个单位的空间。这似乎应该是直截了当的,但我无法理解Storyboard自动布局中的对齐和引脚约束。到目前为止,我看到的教程令人困惑,似乎并没有涵盖适当数量的细节来帮助我。请给我一些指导。下面是在制定约束之前的布局。

enter image description here

这就是布局在4" iPhone:

enter image description here

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

我正在尝试使用以下工具(以及对齐工具 - 未显示)来创建适当的约束。我尝试选择一个或两个按钮,然后使用编辑器设置约束,但每次尝试看起来都很糟糕。即使我选择"重置为建议约束",我也会得到wacko结果。请帮助提出如何完成这项看似基本的任务的建议。

enter image description here enter image description here enter image description here

1 个答案:

答案 0 :(得分:2)

你必须:

  • 领先第一个按钮20
  • 追踪第二个按钮20
  • 按钮20之间的水平间距
  • 两个按钮的宽度相等
  • 每个按钮
  • width> = 150

constraints