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

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:

左键:

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

右键

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

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

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

...等等

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

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Why local notification is not firing for UNCalendarNotificationTrigger(为什么没有为UNCalendarNotificationTrigger触发本地通知)
iOS VoiceOver functionality changes with Bundle Identifier(IOS画外音功能随捆绑包标识符而变化)
tabbar middle tab out of tabbar corner(选项卡栏中间的选项卡角外)
Pushing UIViewController above UITabBar(将UIView控制器推送到UITabBar上方)
How can I sync two flatList scroll position in react native(如何在本机Reaction中同步两个平面列表滚动位置)
Get an event when UIBarButtonItem menu is displayed(显示UIBarButtonItem菜单时获取事件)