ios - UICollectionView 在旋转时改变流向

Question

嘿，我想获得您在图片中看到的内容:在紧凑高度模式(横向 iphone)下，红色和蓝色 View 都必须垂直显示所有屏幕，水平显示一半屏幕。在 Compact Width 模式下(纵向 iphone)，他们必须水平占据所有屏幕，垂直占据屏幕的一半。两种模式下 View 之间的空间大小应相同。

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

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

Answer 1

Collection View 可能有点矫枉过正，因为您不想滚动，而这正是 Collection View 的全部要点——当您调整大小以停止滚动时，您已经完成了设置非滚动布局。

这可以通过 IB 中的 Size Classes 实现。首先，一般来说，您可能会发现在 IB 左侧的文档大纲中命名 View 很有帮助。您还需要使用此轮廓，而不是尝试捕获微小的约束 H 线。

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

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