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

【问题标题】：change content order when changing orientation with auto layout使用自动布局更改方向时更改内容顺序
【发布时间】：2018-09-03 09:09:03
【问题描述】：

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

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

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

自然地，行为是相反的：无论方向如何，控件的顺序始终是顶部 -> 底部。但对我来说，二次集合视图尽可能占据屏幕的大部分是至关重要的。

我怎样才能实现这种行为？

【问题讨论】：

【解决方案1】：

我找到了答案。在 XCode10 中，首先设置所有约束，例如在纵向模式下。然后切换到横向模式。之后可以点击"View as: iPhone ..."，一个区域会弹出一些按钮"Vary for Traits"。

在对话框中，我们可以选择基于“宽度”（=横向）或“高度”（=纵向）的变化，这意味着我们可以为我们目前拥有的方向定义一组不同的约束没有使用。

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

【讨论】：