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

【问题标题】：Align 3 UIButtons to the bottom centre of UIViewController将 3 个 UIButtons 对齐到 UIViewController 的底部中心
【发布时间】：2016-09-13 01:38:54
【问题描述】：

我有一个UIViewController，其中包含一个UIImageView，然后我想为用户提供三个选项，即旋转、裁剪、绘制。

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

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

【问题讨论】：

仅纵向？显示您的情节提要屏幕截图，说明您确切想要的按钮
也没有轮换
从情节提要中添加该视图控制器的屏幕截图以便更好地理解
我添加了我想要的截图
这些按钮在工具栏上？

标签： ios uiviewcontroller uiimageview uibutton autolayout

【解决方案1】：

(1)首先添加ImageView，这样的约束

(2) 现在在底部中心添加一个名为 CROP 的 UIButton。给这样的约束

(3) 现在在 CROP

的两侧添加 2 个名为 ROTATE 和 DRAW 的 UIButtons

对于旋转： 绘图：

(4)最后选择3个按钮，给equalWith约束

【讨论】：

【解决方案2】：

像这样设置约束，

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

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

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

（设置约束以绘制按钮与旋转按钮相同）

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

签入图片，

1) 为按钮设置约束

2) 现在将约束设置为 imageview

3) 输出

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

Demo for Centre button

【讨论】：

【解决方案3】：

您的场景应该如下所示，

最左边的按钮应该有两个约束（取消）：前导，底部

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

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

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

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

我也附上截图

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

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

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

希望这会有所帮助:)

【讨论】：

【解决方案4】：

ImageView 无需添加约束。在 UIView 上添加这些按钮并将该视图上的约束添加为水平居中，并在 UIView 上添加 ImageView。现在将Button父视图上的约束Horizontally Center添加到ImageView的父视图中。

【讨论】：

【解决方案5】：

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

1.将这些按钮固定到底部空间容器 2.添加从按钮到顶部空间到图像视图的约束 3.通过将前缘固定到最左边按钮的视图并将尾随空间固定到最右边按钮的视图来播放按钮之间的水平空间 4.检查容器水平/垂直中心

【讨论】：