本系列文章的編碼環(huán)境為
Xcode 10.1,Swift 4.2,iOS 9
為什么寫這個(gè)系列文章
目前我們大部分開發(fā)的界面都是列表的形式，所以在日常開發(fā)中對(duì) UICollectionView 使用比較少，自定義布局就更少了。但是在特殊布局需求的時(shí)候使用UITableView就有點(diǎn)束手無策或者用法詭異。如果我們足夠了解 UICollectionView 以及它的自定義布局，也許能起到事半功倍的效果。所以UICollectionView 是非常值得我們花時(shí)間去深究的。
感謝網(wǎng)上各位大佬的無私奉獻(xiàn)，讓我們可以從網(wǎng)上找到大量的資料，本系列文章大部分示例均學(xué)習(xí)自網(wǎng)絡(luò)，但是網(wǎng)上卻鮮有對(duì) UICollectionView 逐步介紹的 ，而且很多資料都是 Objective - c 的，所以我花了些時(shí)間寫了本系列文章， 一來算做自己學(xué)習(xí)的筆記 ， 二來對(duì)別人也是一個(gè)參考。
主要包含的內(nèi)容
本系列文章從基礎(chǔ)布局到自定義UICollectionViewFlowLayout 到完全自定義 UICollectionViewLayout 由淺入深的總結(jié)了 UICollectionView 的一些基礎(chǔ)用法和自定義布局。并附上了大量的示例。
前兩篇文章講述了系統(tǒng)的 UICollectionViewFlowLayout 以及 sectionHeader 、 sectionFooter 、 長(zhǎng)按拖動(dòng)排序等基礎(chǔ)內(nèi)容
第三篇 講述了自定義布局的原理
第四、五篇 通過繼承 UICollectionViewFlowLayout 實(shí)現(xiàn)了卡片布局和可伸縮header
第六、七篇 通過繼承 UICollectionViewLayout 解釋了如何完全自定義布局、以及一些動(dòng)畫
章節(jié)鏈接
本文所有章節(jié)的統(tǒng)一github地址: CollectionView-Note
UICollectionView 01 - 基礎(chǔ)布局篇
UICollectionView 02 - 布局和代理篇
UICollectionView 03 - 自定義布局原理篇
UICollectionView 04 - 卡片布局
UICollectionView 05 - 可伸縮Header
UICollectionView 06 - 瀑布流布局
UICollectionView 07 - 標(biāo)簽布局
讀完以上，有興趣還可以看下我之前很早 用 swift 重寫過 objc 上的一篇文章的自定義布局。 CustomLayout
參考文檔
包括但不限于
官方文檔
raywenderlich 上的各種教程
