如何使用情节提要自动布局为所有 iPhone 设备(例如 4、5、6 和 6+)设计自动适配

how to design auto fit for all iPhone devices like 4,5,6 and 6+ using storyboard auto layout

我需要帮助来设计故事板上单个视图控制器中 3 行 2 列 uibutton 的布局。它适合所有 iPhone 设备,如 4s、5,6 和 6 plus。我不知道如何使用约束。请指导我这样做。这是我想要的示例图片

本指南应该对您有所帮助。 Autolayout guide

我为此做了一个示例项目。你可能会从中得到一些想法;

http://jmp.sh/Xli1hQ1

按照以下步骤操作。

  1. 修复顶部视图的高度(在您的例子中是绿色视图)。将 Superview 的 Leading、Trailing 和 Top 约束设置为 0。

  2. 修复底部视图(灰色)的高度。将 Leading、Trailing 和 Bottom 约束设为 0。

  3. 现在在顶视图和底视图的中间放置一个视图。将 Leading、Trailing、Bottom 和 Top 约束设为 0。

  4. 将 button1 放在中间视图中。给 Leading 和 Top 约束 0 和与中间视图成比例的宽度,这样按钮应该是中间视图的一半。

  5. 让 button1 的高度与中间视图成比例,乘数为 0.3。 (根据需要更改乘数值)

  6. 复制按钮 1 的按钮。将高度和宽度设置为等于 button1。但是 Trailing space 到中间视图为 0。顶部约束也是如此。

  7. 对其余四个按钮做同样的事情,但根据要求给出前导 space 或尾随 space。

这里重要的是button1的高度。您需要检查所有设备中的每个值。或者你可以简单地使用滚动视图并修复它的内容高度。

如果需要请查看图片。

希望对您有所帮助。

我已经针对您的问题设置了一个 github 存储库 link

步骤:

1) 顶栏高度 = 0.17 * superview.width

2) 底栏高度 = 顶栏高度

3) MidSection 覆盖顶板和底板之间的所有区域

4) Row1 高度 = MidSection 高度 * 0.33

5)单元格1宽度=行1宽度*0.5

这些是主要的限制条件,希望对您有所帮助