宽度UIButton自动布局

Question

我想要＆＃34; Connexion＆＃34;按钮具有与图像相同的宽高比但我无法弄明白。随着我在网络上阅读自动布局的所有内容，我对此非常困惑。

如果有人可以向我解释我必须添加哪些限制才能获得此结果，最重要的是为什么？

Answer 1

希望我帮到你。在storyboard中设置以下约束：

1. 按住Ctrl键从DOWNWARDS按钮拖动到主视图，释放并选择垂直间距到底部布局指南
2. 按住Ctrl键（在这种情况下方向无关紧要）到主视图，释放并选择等宽
3. 按住Ctrl键从UPWARDS按钮拖动到主视图，释放并选择水平居中容器
4. 按住Ctrl键从按钮拖动到按钮本身，释放并选择宽高比

然后选择按钮并转到尺寸检查器。点击等宽约束旁边的修改按钮，然后将乘数设置为 0.5 。

然后点击比率约束旁边的修改按钮，并调整乘数以满足您的需求（例如值 3 ：1 表示按钮的宽度是按钮高度的三倍/按钮的高度是按钮宽度的三分之一。

祝你好运。

Answer 2

自动布局用于根据屏幕大小调整元素大小。虽然我发现它没有以友好的方式帮助。您想要获得所需结果的目的是： 1.取消选中自动调整大小和布局。 2.在属性检查器中，将视图大小更改为自由形式。 3.属性检查员Yoy的下一个按钮会找到一些红线。添加要添加的约束。我附上那张照片。 这可能会回答你的问题。