宽度 UIButton 自动布局
Width UIButton auto layout
我希望 "Connexion" 按钮的纵横比与它在图片上显示的纵横比相同,但我想不出来。我在网上阅读了所有关于自动布局的内容,对此我感到非常困惑。
如果有人可以向我解释我必须添加哪些约束才能得到这个结果,最重要的是 为什么 ?
自动布局用于让元素根据屏幕尺寸自行调整大小。尽管我发现它没有以友好的方式提供帮助。您想获得所需结果的方法是:
1.取消选中自动调整大小和布局。
2. 在属性检查器中,将视图大小更改为自由形式。
3. 属性检查器 Yoy 的下一个按钮会发现一些红线。添加您要添加的约束。我正在附上那张图片。
这可能会回答您的问题。
希望我没猜错。在情节提要中设置以下约束:
- ctrl 从按钮向下拖动到主视图,松开并选择垂直间距到底部布局指南
- ctrl 从按钮(在这种情况下方向无关紧要)拖动到主视图,松开并选择 equal widths
- ctrl 从按钮向上拖动到主视图,松开并选择 在容器中水平居中
- ctrl 从按钮拖动到按钮本身,松开并选择 纵横比
之后 select 按钮并转到 尺寸检查器 。单击 等宽 约束旁边的 编辑 按钮并将 乘数 设置为 0.5.
然后单击比率约束旁边的编辑按钮并将乘数调整为满足您的需求(例如值 3:1 表示按钮的宽度是按钮高度的三倍/按钮的高度是按钮宽度的三分之一)。
祝你好运。
我希望 "Connexion" 按钮的纵横比与它在图片上显示的纵横比相同,但我想不出来。我在网上阅读了所有关于自动布局的内容,对此我感到非常困惑。
如果有人可以向我解释我必须添加哪些约束才能得到这个结果,最重要的是 为什么 ?
自动布局用于让元素根据屏幕尺寸自行调整大小。尽管我发现它没有以友好的方式提供帮助。您想获得所需结果的方法是: 1.取消选中自动调整大小和布局。 2. 在属性检查器中,将视图大小更改为自由形式。 3. 属性检查器 Yoy 的下一个按钮会发现一些红线。添加您要添加的约束。我正在附上那张图片。 这可能会回答您的问题。
希望我没猜错。在情节提要中设置以下约束:
- ctrl 从按钮向下拖动到主视图,松开并选择垂直间距到底部布局指南
- ctrl 从按钮(在这种情况下方向无关紧要)拖动到主视图,松开并选择 equal widths
- ctrl 从按钮向上拖动到主视图,松开并选择 在容器中水平居中
- ctrl 从按钮拖动到按钮本身,松开并选择 纵横比
之后 select 按钮并转到 尺寸检查器 。单击 等宽 约束旁边的 编辑 按钮并将 乘数 设置为 0.5.
然后单击比率约束旁边的编辑按钮并将乘数调整为满足您的需求(例如值 3:1 表示按钮的宽度是按钮高度的三倍/按钮的高度是按钮宽度的三分之一)。
祝你好运。