UICollectionView

Posted 2023-03-19

参考技术A

UICollectionView是一种应用广泛的数据展示方式，是iOS6.0以后引进的。在各大app都有广泛的引用。

UICollectionView主要包括了下面几部分：

除了上面这些可见的组成部分，UICollectionView还有用来布局内容的不可见组成部分。

UICollectionView之所以可以有千变万化的样式，各种酷帅屌炸天的动画效果，都要归功于UICollectionViewLayout，玩好的UICollectionViewLayout可以实现你想要的各种效果。

UICollectionViewLayout会对屏幕上的cells进行组织布局。
UICollectionViewLayoutAttributes描述了具体如何布局cells, supplementary views, decoration views，具体包括以下属性：

布局的生命周期：

collection view首先调用 prepareLayout ,在其中设置布局需要的内部数据结构。这时collection view已经弄清了要展示的数据，但还不知道如何布局，所以你可以在prepareLayout中使用numberOfSections或numberOfItemsInSection:这些方法。然后调用 collectionViewContentSize 获取content size进行布局。之后调用 layoutAttributesForElementsInRect
对可以在屏幕中显示的部分进行布局。layout必须返回屏幕中所有元素的布局属性，包括UICollectionViewCell或者Supplementary Views或者Decoration Views。这时，collectionView了解了足够多的信息去布局cells。当scrollview滑动时，collection view会继续调用layoutAttributesForElementsInRect:去决定新的可见元素的布局。

当下面三种情况发生时，又会调用布局的相关方法。

由于UICollectionViewLayout是抽象类，所以在布局的时候可以使用Apple提供的UICollectionViewFlowLayout或者自定义Layout

这是一个典型的栅格布局，就像上图所以的下厨房的集市页布局。它有以下的一些属性：

自定义UICollectionViewLayout一般是继承UICollectionViewLayout类。重载下列方法：

在下一篇中将介绍几种常用的布局，如开篇的截图所示，栅格网状，靠左对齐，瀑布流的布局。虽然早已有相关轮子，但是作为初学者，模仿轮子，知道轮子的造法，还是很有必要的。

1. http://onevcat.com/2012/06/introducing-collection-views/
2.《iOS 6 By Tutorials》
3. https://github.com/mokagio/UICollectionViewLeftAlignedLayout
4. https://github.com/ChenYilong/CollectionViewClassifyMenu
5. http://www.jianshu.com/p/22adf62ea491