iOS 瀑布流之栅格布局

代码地址如下：
http://www.demodashi.com/demo/14760.html

一 、效果预览

二、确定需求

由下面的需求示意图可知模块的最小单位是正方形，边长是屏幕宽除去边距间隔后的四等份，而每个模块的样式有小正方形(1:1)、大正方形(2:2)、横长方形(2:1)、纵长方形(1:2)，动态的根据服务器下发模块样式绘制布局，可以横向滑动，限定为两行的高度。
注意：上面的示意宽高比是约等于，忽略了间距，计算的时候千万别忘了。

三、实现思路

由上需求分析可知，我们可以让后台每个模块下发width和height两个字段，字段的值是1或2就行了，然后我们就能根据宽高字段来确定模块的宽高了。现在宽高有了，我们怎么来绘制模块呢？
答案当然是用UICollectionView了，然后自定义流水布局UICollectionViewLayout，主要代码如下：计算记录每一个cell对应的布局属性。瀑布流的创建我已在之前的