我希望两个按钮具有相同的宽度,并使用autolayout从屏幕顶部按比例放置所有屏幕尺寸? [英] I want two buttons to have equal width and position themselves proportionally in all screens sizes from the top of the scree using autolayout?
问题描述
附加我计划设计的视图。我想将按钮放在Superview上,它们的宽度和高度必须与屏幕尺寸成比例增加,而不是保持固定。
Attaching the view i am planning to design. I would like to position the Buttons with respect to Superview and their Width and Height must increase proportionally to the Screen Size rather than remaining fixed.
附加屏幕预览:
推荐答案
这是一个按钮的一行示例,因此它们可以重复用于其他UI元素。
This is an example just for one row of your buttons, so they can be reused for other UI elements.
将这些约束放在按钮上:
Put these constraints onto your buttons:
LEFT BUTTON:
LEFT BUTTON:
- 左前导约束
- 最高领先约束
- 身高约束
右键按钮
- 右尾随约束
- 最高领先约束
- 身高限制
与两个按钮相关的限制:
(你需要选择两个按钮)能够应用关系约束)
And constraints related to both buttons: (you need to select both buttons to be able to apply relation constraints)
- 按钮之间的间距约束
- 这些按钮的宽度相等
在 Interface Builder 中,它看起来像这样:
In Interface Builder it looks like this:
这些布局是通用,因此我选择了一些设备尺寸:
And these layout is universal, so I chose some device sizes to present:
iPhone 5
iPhone 6
iPhone 6 Plus
< a href =https://i.stack.imgur.com/KJRKn.png =nofo llow noreferrer>
......等。
这篇关于我希望两个按钮具有相同的宽度,并使用autolayout从屏幕顶部按比例放置所有屏幕尺寸?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!