使用故事板中的自动布局使 UIButtons 居中

Posted 2023-03-15

【中文标题】使用故事板中的自动布局使 UIButtons 居中

【英文标题】：Keep UIButtons centered using autolayout in storyboard

【发布时间】：2014-04-15 03:59:08

【问题描述】：

我在一个视图中包含两个按钮（准确地说，一个UITableView 页脚）：

无论超级视图的宽度如何（例如，如果设备旋转到纵向，宽度会增加），我希望按钮居中（中间有间隙）。

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

【问题讨论】：

为什么这个问题被标记了？我认为这是一个有效的问题......

这很有帮助。建议我最好的自动布局技巧到我的邮件 ([e-mail]) 谢谢....

【参考方案1】：

您可以通过为每个按钮添加约束以将前导/尾随与容器视图的中心对齐，并在它们之间进行一些分隔来实现这一点。

怎么做：

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

编辑约束并将“第二项”属性更改为 button1.trailing，并将常量设置为 10（或您想要的按钮右边框与屏幕中心之间的任何距离）。

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

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

【讨论】：

自动布局的艺术