1.简单认识
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。
2.3种实现的方法
3.详解UICollectionView实现瀑布流
精髓就在于UICollectionViewLayout,因此我们要自定义一个layout来继承系统的UICollectionViewLayout,所有工作都在这个类中进行
3.1定义所需要的属性
瀑布流的思路就是,从上往下,那一列最短,就把下一个item放在哪一列,因此我们需要定义一个字典来记录每一列的最大y值;
每一个item都有一个attributes,因此定义一个数组来保存每一个item的attributes;
我们还必须知道有多少列以及列间距、行间距、section到collectionView的边距。
3.2可能需要写的4个方法
3.3例子
自定义Layout:
调用的控制器:
效果:
4.第三库实现瀑布流
CHTCollectionViewWaterfallLayout
https://github.com/chiahsien/CHTCollectionViewWaterfallLayout
控制器中代码:(cell...代码不展示了)
效果:
XRWaterfallLayout