UICollectionView 布局详解导读

本系列文章的编码环境为 Xcode 10.1 , Swift 4.2 , iOS 9

为什么写这个系列文章

目前我们大部分开发的界面都是列表的形式，所以在日常开发中对 UICollectionView 使用比较少，自定义布局就更少了。但是在特殊布局需求的时候使用UITableView就有点束手无策或者用法诡异。如果我们足够了解 UICollectionView 以及它的自定义布局，也许能起到事半功倍的效果。所以UICollectionView 是非常值得我们花时间去深究的。

感谢网上各位大佬的无私奉献，让我们可以从网上找到大量的资料，本系列文章大部分示例均学习自网络，但是网上却鲜有对 UICollectionView 逐步介绍的 ，而且很多资料都是 Objective - c 的，所以我花了些时间写了本系列文章， 一来算做自己学习的笔记 ， 二来对别人也是一个参考。

主要包含的内容

本系列文章从基础布局到自定义UICollectionViewFlowLayout 到完全自定义 UICollectionViewLayout 由浅入深的总结了 UICollectionView 的一些基础用法和自定义布局。并附上了大量的示例。

前两篇文章讲述了系统的 UICollectionViewFlowLayout 以及 sectionHeader 、 sectionFooter 、 长按拖动排序等基础内容

第三篇 讲述了自定义布局的原理
第四、五篇 通过继承 UICollectionViewFlowLayout 实现了卡片布局和可伸缩header
第六、七篇 通过继承 UICollectionViewLayout 解释了如何完全自定义布局、以及一些动画

章节链接

本文所有章节的统一github地址: CollectionView-Note

UICollectionView 01 - 基础布局篇
UICollectionView 02 - 布局和代理篇
UICollectionView 03 - 自定义布局原理篇
UICollectionView 04 - 卡片布局
UICollectionView 05 - 可伸缩Header
UICollectionView 06 - 瀑布流布局
UICollectionView 07 - 标签布局

000

读完以上，有兴趣还可以看下我之前很早 用 swift 重写过 objc 上的一篇文章的自定义布局。 CustomLayout

参考文档

包括但不限于

官方文档
raywenderlich 上的各种教程