iOS瀑布流的实现

说到瀑布流的实现首先得说清楚什么是瀑布流:如图下图(PS:you say J8 without a pictue)

用一句话概括就是等宽不等高!这个是UITableView所无法实现的。

                                             (图片取自百度javascript吧--cl903254852

瀑布流的数据源设置:

通过本地读取本地plist文件中得数据达到测试的效果。

这个测试文件的数据结构是字典中有数组,数组中套字典,我们只需要取得关键字“show”的那个字典即可,因为里面有图片高度这一信息。

demo:



布局子视图:

获取单元格的size:


获取单元格的frame:

1.首先我们要知道瀑布流有几列,这样设置平均宽度,动态高度


2.关键在于设置Y轴的坐标,因为是动态高度,所以本列下一个单元格的Y轴与上一个单元格有关。如下图所示:  


图片三的高度等于图片一的Y轴的起始点加上图片一的高度。

3.设置内容视图的size。


单元格的复用:

为了节约性能,所以对瀑布流的单元格实行复用,复用的原则在于,显示在屏幕上的单元格创建,不显示的不创建。


demo:

构建重用池与复用方法:


 





  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值