使用自动布局更改方向时更改内容顺序

时间:2018-09-03 09:09:04

标签: ios autolayout swift4

我想知道如何在故事板上使用Swift 4中的自动布局实现以下目标:

我有一个二次集合视图。在纵向模式下,应在顶部填充整个宽度,并使其高度等于宽度。其他控件应位于其下方。

在横向模式下,二次视图应在左侧,且横向的高度和宽度相等,因此再次是二次的。现在,其他控件应该在右侧。

自然,行为是相反的:控件的顺序始终是顶部->底部,而不管方向如何。但是对我来说,至关重要的是,二次集合视图必须尽可能多地填充屏幕。

如何实现这种行为?

1 个答案:

答案 0 :(得分:0)

我找到了答案。在XCode10中,首先设置所有约束,例如在纵向模式下。然后切换到风景模式。然后可以单击"View as: iPhone ...",然后单击某个区域"Vary for Traits"

在对话框中,我们可以选择根据“宽度”(=横向)或“高度”(=纵向)进行变化,这意味着我们可以为到目前为止的方向定义一组独特的约束< em>没有被利用。

最后,我们为横向和纵向模式设置了两组约束。

这个内容丰富的教程对此进行了详细说明:https://www.raywenderlich.com/492-adaptive-layout-tutorial-in-ios-11-getting-started