如何使用情节提要自动布局为4,5,6和6+等所有iPhone设备设计自动安装

Question

我需要帮助设计3行和2列on按钮在故事板上的单一视图控制器的布局。它适合所有的iPhone设备，如4s，5,6和6+。我不知道如何使用这些约束。请引导我这样做。这是我想要的像这样的示例图像

Answer 1

我为这个做了一个样本项目。你可以从中吸取一些想法；

http://jmp.sh/Xli1hQ1

Answer 2

我已经为您的问题链接设置了一个github回购程序

​

​

步骤：

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

2)底杆高度=顶杆高度

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

4) Row1高度= MidSection高度* 0.33

5) Cell1宽度= Row1宽度* 0.5

这些都是主要的制约因素，希望能有所帮助。

Answer 3

遵循以下步骤。

1. 修正顶部视图的高度(在您的例子中是绿色视图)。将领导、尾随和顶部约束作为0提供给Superview。
2. 固定底部视图的高度(灰色视图)。将前导、尾随和底部约束设为0。
3. 现在，在顶部和底部视图的中间放置一个视图。将前导、尾随、底部和顶部约束设为0。
4. 将button1放在中间视图中。给前导和顶部约束0和宽度成比例的中间视图，这样的方式，按钮应该是一半的中间视图。
5. 给出button1的高度与中间视点成正比，乘数为0.3。(如有需要，更改乘数值)
6. 制作一个重复的button1按钮。给出等于button1的高度和宽度。但是中间视图的尾随空间为0。还有顶级约束。
7. 对剩下的四个按钮做同样的事情，但是根据需求给出前导空间或尾随空间。

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

如果需要的话，检查一下图像。

​

​

希望这能帮到你。