我希望两个按钮具有相同的宽度,并使用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?

查看:129
本文介绍了我希望两个按钮具有相同的宽度,并使用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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆