UICollectionView改變流動方向

Question

嘿，我想獲得你在圖片中看到：在緊湊型身高模式（風景iphone）紅色和藍色的看法有垂直拍攝所有屏幕和水平拍攝一半的屏幕。在緊湊寬度模式（肖像iphone）中，他們必須將所有屏幕水平放置，垂直放置一半屏幕。視圖之間的空間在兩種模式下應該是相同的大小。

我曾經以爲我不得不使用規模類和自動佈局的限制，但我想一切都悲慘地失敗了。

也許我必須使用基於方位的UICollectionView和改變流動方向（如果這甚至有可能）？

Answer 1

集合視圖可能是矯枉過正，因爲你不想滾動，這是一個集合視圖整點 - 由你做的大小的時候停止了，你會做了所有必要的工作來設置一個不滾動的佈局。

這對IB中的Size Classes是可能的。首先，一般來說，您可能會發現在IB左側的文檔大綱中命名視圖很有幫助。你也會想要使用這個輪廓，而不是試圖抓住小約束H-線。

1. 設置所有的除了1）鏈接 OrangeView和藍景彼此約束的限制，2）連接 的OrangeView到頂部和約束左（前導），和3）約束 鏈接BlueView到底部和右側（尾部）。
2. 變化在底部的尺寸等級設定爲w緊湊和 H-不限於時髦的盒系統。現在我們正在設計一個緊湊的寬度，所以視圖在彼此之上。
3. 爲BlueView.bottom創建一個垂直空間約束條件爲 OrangeView.Top。同時爲OrangeView創建約束條件，將superview.leading（或ledaing，margin）和BlueView創建爲 superview.trailing.margin。如果您選擇了這些約束條件中的任何一個，然後查看右側的尺寸檢查器（標尺），則應該看到未選中的「已安裝」複選框，並且在下方顯示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後，選擇「更新幀」，視圖應該捕捉到它們對於尺寸類的預期形狀。

讓我們知道如果這對你的作品，如果它是不清楚。祝你好運！