【问题标题】:iOS Storyboards: Can you set button width based on screen size?iOS Storyboards:你能根据屏幕大小设置按钮宽度吗?
【发布时间】:2014-12-06 01:51:25
【问题描述】:

有没有办法根据 iPhone 屏幕尺寸设置按钮宽度/高度?为了练习,我正在制作一个“类似计算器”的网格(这里的按钮比我想要的要多,但我认为这表明了我的问题)。

我了解此布局适用于“所有尺寸”,因此布局将被截断。但是,4 英寸 iPhone 在 BEH 列被截断,而 5.5 英寸 iPhone 在 CFI 列被截断。

我尝试在按钮下方放置一个超级视图,但无济于事。我还尝试了自动约束,这使它变得一团糟,我尝试手动添加所有约束,但它仍然切断了我的按钮。

编辑:对 duran 的 cmets 进行了更改。我尝试将它们放在单独的视图中并对它们设置约束,但我仍然遇到以下问题。如果我设置约束,它们会相互重叠。

这里中间 RED 视图和 RIGHT 绿色视图的“宽度”约束之间的约束被 RIGHT 视图的“尾随宽度”约束所覆盖。

接下来,绿色被从两个视图之间的红色“宽度”约束中推开

我想这是一个更新的问题:如果我想添加 9 个按钮(它们不适合),有没有办法让它们适应约束,以便在所有屏幕上看起来都一样,还是我必须使按钮足够小以适应最小的屏幕,并在所有其他屏幕上留出额外的空白空间?

【问题讨论】:

  • 把每个网格放到一个单独的 UIView 中,然后放在你的 superview 上,然后设置约束。
  • @Duaan 更新了问题。如果按钮很小,我可以使视图正常工作,但在大型设备(iPhone 6/iPad)上会有很多空白

标签: ios storyboard


【解决方案1】:

想通了。当我将按钮放在超级视图中时,我没有使用约束来保持它们相同的宽度并绑定到超级视图的边缘(因此当超级视图想要调整大小时它们不会调整大小)。这是我用两个盒子做的更新测试。

我在所有按钮之间都有水平间距,两个超级视图也有相同的宽度(乘数取决于我想要的大小)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-28
    • 1970-01-01
    • 1970-01-01
    • 2013-07-17
    • 1970-01-01
    • 2016-04-22
    • 2016-12-11
    • 2017-12-02
    相关资源
    最近更新 更多