iOS - 按钮的自动布局/大小类

Posted

技术标签:

【中文标题】iOS - 按钮的自动布局/大小类【英文标题】:iOS - Autolayout/Size classes for buttons 【发布时间】:2015-09-10 02:20:42 【问题描述】:

对于在某些情况下何时使用自动布局和/或大小类,我感到有些困惑。在我最初的视图中,我有 2 个按钮,一个是“继续使用 facebook”,一个是“通过电子邮件注册”,垂直堆叠。我最初将它们设置为大约 70 高和 18pt 字体,它在较新的手机上看起来很棒,但在较小的手机上它们看起来很大并且组合(与间距)最终占据了几乎一半的屏幕。

所以我的第一个想法是让按钮成为主视图或子视图的百分比高度,但事情很快就变得非常复杂:我是否也使用百分比作为边距和间距?它在哪里结束?计算量很大。

但我也看不出在这里使用尺寸等级有什么用处,因为我的应用程序仅处于纵向模式,而且我不能以这种方式真正定位 iPhone 5 和 iPhone 6。

所以我必须硬着头皮使用百分比来在所有屏幕上获得漂亮的按钮,还是我应该在现在不太使用的手机上接受它并使用大字体的非常胖的按钮?在字体大小方面,是否有一套普遍接受的标准大小(例如,用于标题和正文)在所有手机上看起来都不错?

【问题讨论】:

【参考方案1】:

您是否尝试过使用纵横比约束?如果你使用它,那么保持与边缘的距离固定,它应该针对不同的屏幕尺寸按比例挤压

【讨论】:

这看起来像是要走的路...我尝试了 90:15 的比例,它在几部手机上看起来都很棒。谢谢,这很有帮助。

以上是关于iOS - 按钮的自动布局/大小类的主要内容,如果未能解决你的问题,请参考以下文章

如何使用大小类和自动布局在 Xib 中水平对齐两个 UI 按钮

我可以用自动布局/大小类做到这一点吗?

自动布局和约束不使按钮大小相同(尽管有大小限制)

如何在 iOS7 中使用自动布局让按钮垂直增长?

使用自动布局和大小类

自动布局根据文本调整按钮大小并让文本字段填充可用空间