如何在自动布局中设计 3x3 按钮支持所有使用 Storyboard 的 iPhone 设备

Posted 2023-03-15

【中文标题】如何在自动布局中设计 3x3 按钮支持所有使用 Storyboard 的 iPhone 设备

【英文标题】：How to design 3x3 buttons in auto layout support all iPhone devices using Storyboard

【发布时间】：2015-10-27 11:33:28

【问题描述】：

我需要帮助来设计视图控制器中的 3x3 按钮。它适合所有 iPhone 设备，如 4、5、6 和 6+。任何人都可以指导我如何设计它。

【问题讨论】：

请附上一些视觉线索，以便我们更好地了解您的问题

使用UICollectionViewController

线索意味着我想在标签视图控制器中显示三行三列按钮。这三行三列适合所有未拉伸的屏幕尺寸。

【参考方案1】：

在您的xib 或storyboard 中使用autolayout。放9个按钮让我们说

123 456 789

开始对齐：

123 -> 将顶视图与超级视图对齐。 789 -> 将底视图与上视图对齐。 147 -> 将左视图与超级视图对齐。

369 -> 将右视图与超级视图对齐。

然后选择所有按钮并设置为相同的宽度和相同的高度然后你就完成了！