在故事板中使用autolayout保持UIButtons居中

时间:2014-04-15 03:59:08

标签: ios uiview autolayout nslayoutconstraint

我在视图中包含两个按钮(确切地说,是一个UITableView页脚):

enter image description here

我想保持按钮居中(中间有间隙),无论超视图的宽度如何(例如,如果将设备旋转为纵向,将会增加)。

有没有办法在故事板中纯粹定义这些自动布局约束,还是需要在代码中使用NSLayoutConstraints

1 个答案:

答案 0 :(得分:9)

您可以通过为每个按钮添加约束来将前导/尾部对齐到容器视图的中心,以及它们之间的一些分隔。

怎么做:

  • 对于左侧按钮,在按钮和超级视图之间添加约束以使其水平居中。

  • 编辑约束并更改"第二项"属性为button1.trailing,并设置常量为10(或者在按钮的右边框和屏幕中心之间的任何距离)。

alignmentConstraint1

  • 对于右侧按钮,在按钮和超级视图之间添加约束以使其水平居中。

  • 编辑约束并更改"第二项"属性为button2.leading并设置常量-10(或按钮左边框与屏幕中心之间的任何距离)。

enter image description here