宽度 UIButton 自动布局

Width UIButton auto layout

我希望 "Connexion" 按钮的纵横比与它在图片上显示的纵横比相同,但我想不出来。我在网上阅读了所有关于自动布局的内容,对此我感到非常困惑。

如果有人可以向我解释我必须添加哪些约束才能得到这个结果,最重要的是 为什么 ?

自动布局用于让元素根据屏幕尺寸自行调整大小。尽管我发现它没有以友好的方式提供帮助。您想获得所需结果的方法是: 1.取消选中自动调整大小和布局。 2. 在属性检查器中,将视图大小更改为自由形式。 3. 属性检查器 Yoy 的下一个按钮会发现一些红线。添加您要添加​​的约束。我正在附上那张图片。 这可能会回答您的问题。

希望我没猜错。在情节提要中设置以下约束:

  1. ctrl 从按钮向下拖动到主视图,松开并选择垂直间距到底部布局指南
  2. ctrl 从按钮(在这种情况下方向无关紧要)拖动到主视图,松开并选择 equal widths
  3. ctrl 从按钮向上拖动到主视图,松开并选择 在容器中水平居中
  4. ctrl 从按钮拖动到按钮本身,松开并选择 纵横比

之后 select 按钮并转到 尺寸检查器 。单击 等宽 约束旁边的 编辑 按钮并将 乘数 设置为 0.5.

然后单击比率约束旁边的编辑按钮并将乘数调整为满足您的需求(例如值 3:1 表示按钮的宽度是按钮高度的三倍/按钮的高度是按钮宽度的三分之一)。

祝你好运。