说到瀑布流的实现首先得说清楚什么是瀑布流:如图下图(PS:you say J8 without a pictue)
用一句话概括就是等宽不等高!这个是UITableView所无法实现的。
(图片取自百度javascript吧--cl903254852)
瀑布流的数据源设置:
通过本地读取本地plist文件中得数据达到测试的效果。
这个测试文件的数据结构是字典中有数组,数组中套字典,我们只需要取得关键字“show”的那个字典即可,因为里面有图片高度这一信息。
demo:
布局子视图:
获取单元格的size:
获取单元格的frame:
1.首先我们要知道瀑布流有几列,这样设置平均宽度,动态高度
2.关键在于设置Y轴的坐标,因为是动态高度,所以本列下一个单元格的Y轴与上一个单元格有关。如下图所示:
图片三的高度等于图片一的Y轴的起始点加上图片一的高度。
3.设置内容视图的size。
单元格的复用:
为了节约性能,所以对瀑布流的单元格实行复用,复用的原则在于,显示在屏幕上的单元格创建,不显示的不创建。
demo:
构建重用池与复用方法: