UICollectionView自定义布局

最新推荐文章于 2022-04-26 10:36:51 发布

iOS-null

最新推荐文章于 2022-04-26 10:36:51 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iOS iOS 开发文章标签： UICollectionView 布局超级课程表自定义

本文链接：https://blog.youkuaiyun.com/baidu_32977561/article/details/51510125

iOS 开发同时被 2 个专栏收录

6 篇文章

订阅专栏

iOS

5 篇文章

订阅专栏

本文详细介绍了UICollectionView的两种布局方式：UICollectionViewFlowLayout线性布局和UICollectionViewLayout自定义布局。包括如何使用代理控制cell大小，自定义补充视图及装饰视图等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个和 UItableView 在用法上大体上差不多这里只说明一下 UICollectionView 的布局。 demo

一. UICollectionViewFlowLayout布局方式：

这种布局方式是一种线性布局，他会先按照你设置的要求铺慢一行，当不满足指定条件的时候，会换行。

我们可以通过 UICollectionViewDelegateFlowLayout 代理来控制没个 cell 和 supplementary view 的大小。

但我觉得这种布局方式，很难满足我的要求，因此我很少用这个。

二.继承 UICollectionViewLayout 的布局方式:

Layout 对象需要用到 CollectionView 的 datasource，其通过自身的 collectionView 属性来获得 datasource。

collectionView 完全通过 Layout 对象来管理布局。当我们移动、删除、添加 item 时我们可以通过 invaildateLayout

来重新生成布局，如果我们只是想更新 item 上的数据直接 reloadData 就可以了。

当开始布局的时候，系统会依次调用如下三个最主要的方法：

1.prepareLayout 我们可以在里面提供布局前的准备工作

2. collectionViewContentSize 这个方法控制 CollectionView 的显示范围

3. layoutAttributesForElementsInRect:这个方法会告诉 collectionView 在 Rect 这个范围内 item的 UICollectionViewLayoutAttributes对象，这个对象记录了 item的size和position，fram,其他的一些属性可以控制 item 的外观。

在这个方法里首先调用如下三个方法创建不同视图对应 UICollectionViewLayoutAttributes对象：

-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath;

-(UICollectionViewLayoutAttributes*)layoutAttributesForSupplementaryViewOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath

-(UICollectionViewLayoutAttributes *)layoutAttributesForDecorationViewOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath

UICollectionViewLayoutAttributes的对象的创建方法：

layoutAttributesForCellWithIndexPath：

layoutAttributesForSupplementaryViewOfKind:withIndexPath

layoutAttributesForDecorationViewOfKind:withIndexPath

注意要根据 item 的类型不同选择正确的对象创建方法，否则的话会出错。

总而言之我们要在这个方法里做如下事情：

1）判断有多少个 item 在 Rect 区域里

2）为每个在这个区域里的 item 生成 UICollectionViewLayoutAttributes对象，并添加到数组里

collection view会在正常的layout 过程之外周期性地让你提供单个items的layout对象。比如为某item配置插入和删除动画时。返回属性时，不能更新这些layout属性，如果需要改变layout信息，调用invalidateLayout，在接下来的layout周期中更新这些信息。上述方法中layoutAttributesForItemAtIndexPath：是所有自定义 layout都必须重载的方法，如果有supplementary view和decoration view可以分别重载下面两个方法。

三.自定义supplementary views和Cells

添加supplementary view到layout中的过程如下：

1 注册supplementary view到layout对象中，registerClass:forSupplementaryViewOfKind:withReuseIdentifier: or registerNib:forSupplementaryViewOfKind:withReuseIdentifier:

2 在datasource中实现collectionView:viewForSupplementaryElementOfKind:atIndexPath:,由于这些view是可重用的，调用dequeueReusableSupplementaryViewOfKind:withReuseIdentifier:forIndexPath:来获取可用的view

cell 的创建类似，cell 和 supplementary view唯一不同的是 cell 只能有一个supplementary view可以有多个。