iOS Autolayout:两个宽度相等的按钮,并排

Question

我目前在使用AutoLayout时遇到困难.我正在使用界面构建器,并尝试将两个宽度相等的按钮并排放置,如下图所示.

从下面的预览图像中,我的titleImage已被正确约束并正确显示,但按钮不是.我已经通过将按钮1​​与titleImage的前沿对齐来实验,而button2与titleImage的后缘对齐,但是此时两个按钮之间的宽度分布变得偏斜,如下所示.

我的目标是了解缺少哪些约束,并且应该应用于两个按钮以保持相等的宽度,而不管设备如何.如果可能的话,我想通过接口构建器而不是其他代码来实现这一点.

Answer 1

添加以下约束

1. 从button1到button2分配相等的宽度.
2. 在两个按钮之间分配水平间距.
3. 将按钮1的前导空间分配给其超级视图.
4. 将button2的尾随空格分配给其superview.
5. 为这两个按钮分配顶部空间. 请让我知道这对你有没有用.

Answer 2

按照步骤和截图进行简单的解决方案

步骤1)

• 对于按钮1:设置约束: (1)前导,(2)顶部或底部,根据您的需要,(3)高度

第2步)

• 对于按钮2:设置约束: (1)Trailling,(2)顶部或底部,根据您的需要,(3)高度

步骤-3)

• 按和Dregg从Button1到按钮2

• 选择" 水平间距"

第4步)

• 选择"双向"按钮和"添加约束" 等宽度

OUTPUT

希望它能帮助你:)

Answer 3

在iOS9中的堆栈布局,将非常好的工作.将堆栈视图添加到视图中并配置如下: