我希望两个按钮具有相同的宽度并使用自动布局从屏幕顶部按比例在所有屏幕尺寸中定位自己?

问题描述

附上我计划设计的视图.我想相对于 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:

左键:

• 左前导约束
• 顶部前导约束
• 高度限制

右键

• 右尾随约束
• 顶部前导约束
• 高度限制

以及与两个按钮相关的约束:(您需要同时选择两个按钮才能应用关系约束)

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

...等等

这篇关于我希望两个按钮具有相同的宽度并使用自动布局从屏幕顶部按比例在所有屏幕尺寸中定位自己?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！