【问题标题】:Enlarging buttons for different screen sizes using constraints使用约束放大不同屏幕尺寸的按钮
【发布时间】:2016-02-09 01:54:18
【问题描述】:

仍在为这个而苦苦挣扎。我想创建一种屏幕键盘,并有一个 UIButtons 的布局,如下所示:

我想像屏幕一样放大按钮,使其更适合大型设备,例如:

有些行会有奇数个按钮,有些会有偶数个。我将每一行按钮放在单独的持有者视图中。不完全清楚我应该如何在持有者视图上设置约束。我是否应该将支架固定到超级视图的前缘和后缘,并限制纵横比?

对于第一行,我尝试在按钮之间添加分隔符。然后我尝试了这个:

Button3.width = Button3.height (aspect ratio)

Button3.width = HolderView.superview.width * (1/5) - 10

Button3.trailing to Spacer, Button4.leading to Spacer

Button3 bottom/top constraints to superview

但似乎看不到任何蓝线。任何有关如何进行此操作的说明将不胜感激!!谢谢

【问题讨论】:

  • 按钮较少的行中的按钮应该有多大?假设您在第 1 行有 7 个按钮(如您的图片中所示),而在第 2 行只有 4 个按钮。您想如何对齐它们以及它们应该有多大?
  • 我希望初始尺寸为 35*35,但随着屏幕变大而变大,即 iPhone 6 和 6+ 更大。具有奇数按钮的第一行可以从中间按钮居中工作。第二行从中间间隔开始居中。

标签: ios uibutton interface-builder


【解决方案1】:

快速浏览我的演示项目:https://www.dropbox.com/sh/vlozb5uxjor0ryd/AACOio_P6gorNvsSATxtdqP4a?dl=0。我现在有一些计划,稍后再解释一下……;)

【讨论】:

  • 正是我想要的!以后有空再解释。
  • 很高兴听到 :) 也许您可以将我的答案标记为正确。正如我所说,我将对其进行编辑并稍后添加一个小解释以使事情变得清晰!谢谢!
  • 我的主要问题是两个不同的行。我让它独立地为每一行工作,但是因为行的宽度不同(即少一个按钮),所以顶行的按钮与底部的按钮大小不同。
  • 您只需选择所有按钮(无论它们位于哪一行)并创建等宽等高约束。
  • 我正在尝试,但无法满足所有约束,并且我的一个按钮尺寸错误。我的约束是这样的: 1.)首先选择容器 1,引脚底部,尾随和前导。选择容器 1 中的所有按钮,固定顶部、底部、前导、尾随和纵横比。 2.) 选择容器 2,引脚底部,前导和尾随。选择容器 2 中的所有按钮,固定顶部、底部、前导、尾随和纵横比。 3.) 选择容器 1 和容器 2 中的所有按钮。引脚等宽和等高。 dropbox.com/s/e8u2bccvkywoorg/buttons.zip?dl=0你能看一下吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-08
  • 2023-03-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多