你可以使用一個(gè)具體的 UICollectionViewFlowLayout 類的布局對(duì)象在 collection view 中排列你的 items。流水布局實(shí)現(xiàn)了一個(gè)線性換行的布局扳肛，意味著布局對(duì)象在一個(gè)線路徑上放置 cell锯岖，同時(shí)也適合更多的 cell 在這條路徑進(jìn)行布局。當(dāng)布局對(duì)象執(zhí)行布局超過當(dāng)前行的空間，他會(huì)創(chuàng)建一個(gè)新的行再登，繼續(xù)進(jìn)行布局。下面的圖標(biāo)就顯示了一個(gè)豎直滾動(dòng)的流水布局的樣子晾剖。在這種情況下,線路布局水平與每個(gè)新行定位低于前一行锉矢。細(xì)胞在一個(gè)部分可以可選地包圍部分頁眉和頁腳部分的視圖。
你可以使用流水布局實(shí)現(xiàn)網(wǎng)格齿尽，同時(shí)你也可以使用流水布局做更多的事情沽损。線性布局的概念可以應(yīng)用到許多不同的設(shè)計(jì)。例如雕什，盡管有了網(wǎng)格的 item缠俺，你也可以調(diào)整 spacing 去創(chuàng)建一個(gè)單行的 items 在一個(gè)向量上進(jìn)行滾動(dòng)。item 也可以有不同的尺寸贷岸，與傳統(tǒng)的視圖比較這樣將導(dǎo)致跟多的不對(duì)稱壹士。但是仍然是一個(gè)線性的流動(dòng)。這樣就會(huì)有跟多的可能性偿警。
您可以配置流動(dòng)布局以編程方式或在Xcode中使用界面構(gòu)建器躏救。配置流布局的步驟如下:
- 創(chuàng)建一個(gè)流布局對(duì)象,并將其分配給你的集合視圖。
- 配置 cell 的寬度和高度螟蒸。
- 如果需要盒使，設(shè)置 行之間 和 item 之間的 spacing
- 如果你想要 sectiom header 和 footer ，請(qǐng)指定他們的尺寸七嫌。
- 設(shè)置 布局 滾動(dòng)的方向少办。
重要事項(xiàng)： 你不需提供 cell 的寬度和 cell 的高度。如果你的項(xiàng)目配置 item 的寬高為 0诵原，0 英妓。那么你將永遠(yuǎn)也看不見。
