UICollectionView 在旋转时改变流向

Question

嘿，我想获得您在图片中看到的内容：在紧凑高度模式（横向 iphone）下，红色和蓝色视图都必须垂直占据整个屏幕，水平占据一半屏幕。在 Compact Width 模式（纵向 iphone）中，他们必须水平占据所有屏幕，垂直占据一半屏幕。在两种模式下，视图之间的空间应该相同。

我曾经认为我必须使用大小类和自动布局约束，但我尝试的一切都失败了。

也许我必须使用 UICollectionView 并根据方向更改流向（如果可能的话）？

Answer 1

集合视图可能是多余的，因为您不想滚动，而这就是集合视图的全部意义所在——当您调整大小以停止它时，您已经完成了设置非滚动布局。

这对于 IB 中的 Size Classes 是可能的。首先，一般来说，您可能会发现在 IB 左侧的 Document Outline 中命名视图很有帮助。您还需要使用此轮廓，而不是尝试抓住微小的约束 H 线。

1. 设置所有约束，除了 1) 约束链接 OrangeView 和 BlueView 相互连接，2) 约束链接 顶部和左侧（前导）的 OrangeView，以及 3）约束 将 BlueView 链接到底部和右侧（尾随）。
2. 将底部的尺寸等级设置更改为 w-Compact 和 h-时髦盒子系统中的任何。现在我们正在设计一个紧凑的宽度，以便视图相互重叠。
3. 为 BlueView.bottom 的垂直空间创建一个约束 OrangeView.Top。还为 OrangeView 创建约束 superview.leading (或 ledaing,margin) 和 BlueView 到 superview.trailing.margin。如果您选择这些约束中的任何一个并查看右侧的 Size Inspector（标尺），您应该会看到未选中“已安装”复选框，并且在其下方有一个 w-Compact h-Any 和另一个已安装的框，这个被选中.
4. 现在，在保持选中约束只是为了看看会发生什么的同时，将底部的 sizeClass 选择器更改为 w-Regular h-Any。请注意，在左侧的文档大纲中，它应该是灰色的。
5. 现在我们设计的是常规的，所以并排。添加将水平空间的视图、BlueView.trailing 链接到 OrangeView.leading 的约束。还将 OrangeView.top 链接到 superview.top 或与 BlueView.top 对齐的顶部，底部也是如此。您可以先手动编辑框架；如果没有，IB 将自动填写错误的值，因此请在创建它们后编辑它们，并验证它们是 w-Regular 和 h-Any。选择 ViewController 后，选择“更新框架”，视图应对齐到其尺寸类的预期形状。

让我们知道这是否适合您或不清楚。祝你好运！