如何使用情节提要自动布局为所有 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
我为此做了一个示例项目。你可能会从中得到一些想法;
按照以下步骤操作。
修复顶部视图的高度(在您的例子中是绿色视图)。将 Superview 的 Leading、Trailing 和 Top 约束设置为 0。
修复底部视图(灰色)的高度。将 Leading、Trailing 和 Bottom 约束设为 0。
现在在顶视图和底视图的中间放置一个视图。将 Leading、Trailing、Bottom 和 Top 约束设为 0。
将 button1 放在中间视图中。给 Leading 和 Top 约束 0 和与中间视图成比例的宽度,这样按钮应该是中间视图的一半。
让 button1 的高度与中间视图成比例,乘数为 0.3。 (根据需要更改乘数值)
复制按钮 1 的按钮。将高度和宽度设置为等于 button1。但是 Trailing space 到中间视图为 0。顶部约束也是如此。
对其余四个按钮做同样的事情,但根据要求给出前导 space 或尾随 space。
这里重要的是button1的高度。您需要检查所有设备中的每个值。或者你可以简单地使用滚动视图并修复它的内容高度。
如果需要请查看图片。
希望对您有所帮助。
我已经针对您的问题设置了一个 github 存储库 link
步骤:
1) 顶栏高度 = 0.17 * superview.width
2) 底栏高度 = 顶栏高度
3) MidSection 覆盖顶板和底板之间的所有区域
4) Row1 高度 = MidSection 高度 * 0.33
5)单元格1宽度=行1宽度*0.5
这些是主要的限制条件,希望对您有所帮助
我需要帮助来设计故事板上单个视图控制器中 3 行 2 列 uibutton 的布局。它适合所有 iPhone 设备,如 4s、5,6 和 6 plus。我不知道如何使用约束。请指导我这样做。这是我想要的示例图片
本指南应该对您有所帮助。 Autolayout guide
我为此做了一个示例项目。你可能会从中得到一些想法;
按照以下步骤操作。
修复顶部视图的高度(在您的例子中是绿色视图)。将 Superview 的 Leading、Trailing 和 Top 约束设置为 0。
修复底部视图(灰色)的高度。将 Leading、Trailing 和 Bottom 约束设为 0。
现在在顶视图和底视图的中间放置一个视图。将 Leading、Trailing、Bottom 和 Top 约束设为 0。
将 button1 放在中间视图中。给 Leading 和 Top 约束 0 和与中间视图成比例的宽度,这样按钮应该是中间视图的一半。
让 button1 的高度与中间视图成比例,乘数为 0.3。 (根据需要更改乘数值)
复制按钮 1 的按钮。将高度和宽度设置为等于 button1。但是 Trailing space 到中间视图为 0。顶部约束也是如此。
对其余四个按钮做同样的事情,但根据要求给出前导 space 或尾随 space。
这里重要的是button1的高度。您需要检查所有设备中的每个值。或者你可以简单地使用滚动视图并修复它的内容高度。
如果需要请查看图片。
希望对您有所帮助。
我已经针对您的问题设置了一个 github 存储库 link
步骤:
1) 顶栏高度 = 0.17 * superview.width
2) 底栏高度 = 顶栏高度
3) MidSection 覆盖顶板和底板之间的所有区域
4) Row1 高度 = MidSection 高度 * 0.33
5)单元格1宽度=行1宽度*0.5
这些是主要的限制条件,希望对您有所帮助