从纵向模式切换到横向模式时重新排序视图(iOS Xcode swift)

时间:2015-08-28 11:46:38

标签: ios xcode rotation

我有一个用户界面(浅灰色)和图像部分(深灰色)。

在纵向模式下,我想实现以下目标:

enter image description here

如果我在iPhone 4/5上运行,我将没有足够的空间来显示图像。 因此,当旋转到横向模式时,我想实现以下目标:

enter image description here

这是我可以通过自动布局实现的吗?

指向文档的任何指示?

我是Xcode / swift的新手。如果它过于复杂,我可能只是强迫一种模式。

提前感谢您的建议!

1 个答案:

答案 0 :(得分:1)

要为不同的方向(或设备)实现不同的布局,您应该使用Size Classes和AutoLayout。

在故事板的底部,您应该看到 Any Any ,这意味着您的视图控制器将以相同的方式显示在所有设备和方向上。如果单击它,您可以选择一个新的尺寸等级(描述将有助于为所需的设备和方向选择正确的尺寸等级)。然后,您可以更改约束以不同方式排列视图。

现在,您将拥有两组约束视图:一个适用于您选择的大小类,另一个适用于任何其他大小类。

如果你从未使用过约束来安排你的观点,可以从tutorial开始。