如何在ios中使用自动布局将三个按钮并排放置在中间位置？

Question

我将三个按钮并排放置在iOS窗口的中心。我使用的是auto layout，但我设置的constraints是：

1. 我将第一个按钮放在left with leading和top spacing with horizontal spacing按钮的第二个按钮上。

2. 我在第一个按钮和spacing horizontally

的第top spacing位置放了第二个按钮

3. 我在第三个按钮上添加了trailing space和top vertical space以及horizontal spacing第二个按钮

4. 接下来，我将equal widths分配给了所有按钮

但是我的按钮仍然被放错了原因？有什么想法吗？

Answer 1

首先将3个按钮放在屏幕上并相应地放置它们。由于您需要中间的3个按钮，因此请使用此按钮。

1）将第一个按钮朝向左侧，将第二个按钮放在中间（当您到达中间时可以看到蓝色的十字线），然后是第三个按钮朝向右侧。

2）现在选择中间按钮，从右下角右侧选择第3个小图标（平行放置两个矩形），在容器中垂直打勾，在容器中垂直打勾。

3）现在选择第一个按钮并从右下角选择第二个小图标（两条线之间的一个方框）并选择左侧的红线（朝向侧面将有4条红线）。取消选中对边距的约束。然后再次选择第一个按钮并按住cntrl向中间按钮拖动，并从下拉菜单中垂直选择中心

4）同样对右边的第三个按钮做，只有差异选择右边的红线。

希望我已经慢慢解释了。我也是初学者，所以我能理解你的感受:)希望它有所帮助。如果你有任何疑问，请问。欢呼声

Answer 2

在另一个父UIView中添加所有3个按钮。

然后为每个按钮添加以下约束。

左按钮：顶部，前部，底部和相等宽度 中间按钮：顶部，底部，等宽和水平居中 右键：顶部，尾部，底部和相等宽度。

或者如果您的部署目标是＆gt; 9.0，尝试使用Horizo​​ntal UIStackView

Answer 3

以下是如何实现目标：

1. 设置Width＆amp;所有三个按钮中的Height。

2. 集中对齐中键Horizontally＆amp; Vertically到容器。

3. 设置Trailing＆amp; “最左边按钮的Center Vertically(Y)到中间按钮。

4. 设置Leading＆amp;中间按钮最右边按钮的Center Vertically(Y)。

或者简短的方法：

1. 将所有三个按钮添加到一个堆栈视图中。
2. 中心堆栈查看Vertically和Horizontally到容器。
3. 为这些按钮之间的距离设置堆栈视图Spacing值。

Answer 4

设置约束：

中间按钮：水平放入容器，宽度相等，高度

左按钮：前导，尾随，相等宽度和高度到中间按钮

右键：前导，尾随，宽度和高度相等于中间按钮

Answer 5

首先选择所有视图，进入水平中间。现在将开始约束 - 选择view1 - 为view2提供约束前导，顶部，水平间距并给出你的高度。

对于第二个视图 - 现在选择所有视图转到allign选项右侧向下选择顶部边缘。现在只选择第二个视图 - 为第三个视图提供水平间距，为第二个视图提供高度。

对于第三个视图 - 仅限制尾随和高度。

最后一个约束 - 选择所有视图转到引脚选项并选择相等的宽度。现在您的设计已做好准备。