将3个UIButtons对齐到UIViewController的底部中心

Question

我有UIViewController由UIImageView组成，然后我想为用户提供三个选项，即旋转，裁剪，绘制。

我希望这三个按钮始终位于底部中心，并与UIImageView保持精确的距离。

如何使用自动布局实现这一点我已经做了很多搜索和工作，但没有很好用。

Answer 1

设置这样的约束，

首先将约束设置为中心按钮（裁剪按钮）。等，

裁剪按钮： - 底部布局的底部间距，高度和宽度（根据您的要求），以及容器中的水平居中（现在裁剪按钮固定在中央）

旋转按钮： - 设置水平间距来裁剪按钮，旋转按钮顶部=裁剪按钮顶部，旋转按钮底部=裁剪按钮底部，旋转按钮的高度和宽度相等裁剪按钮的高度和宽度。

（将约束设置为与旋转按钮相同的绘制按钮）

所以，所有按钮看起来都一样。

签入图片，

1）将约束设置为按钮

2）现在将约​​束设置为imageview

3）输出

编辑： - 这里我附上了演示，

Demo for Centre button

Answer 2

（1）首先添加ImageView，像这样的约束

（2）现在在名为 CROP 的底部中心添加UIButton。给出这样的约束

（3）现在在 CROP

的任意一侧添加名为 ROTATE 和 DRAW 的2 UIButtons

ROTATE：   DRAW：

（4）最后选择3个按钮并给出 equalWith 约束

Answer 3

无需使用ImageView添加约束。在UIView上添加这些按钮，并将该视图上的约束添加为“水平居中”，并在UIView上添加ImageView。现在，将Button的父视图上的constraintHorizo​​ntally Center添加到ImageView的父级。

Answer 4

您的方案应如下所示，

最左边的按钮应该有两个约束（取消）：leading，bottton

最右边的按钮应该有两个约束（黄色按钮）：尾随，底部

取一个UIVIew并在该视图中放置三个按钮，距离uiview的每一侧都有相同的距离。

现在你对所有三个按钮的约束应该是：前导，尾随，顶部和固定高度

uiview的约束应该是：水平居中于容器，底部和固定高度

我附上截图以及

您可以检查左侧视图层次结构中的约束。

我设置了灰色背景颜色，只是演示这是视图，你不需要设置该视图的颜色。

通过这种方式，您的三个按钮将始终显示在VC的底部中心

希望这会有所帮助：）

Answer 5

希望以下步骤可以按照您想要的方式修复按钮。我没有尝试过，但如果您没有测试过这些步骤，可以尝试一下。

1.将这些按钮插入底部空间容器 2.从按钮到顶部空间添加约束到图像视图 3.通过将前缘固定到最左侧按钮的视图并将最后空格固定到最右侧按钮的视图，在按钮之间的水平空间中播放 4.水平/垂直检查集装箱中心