UICollectionViewLayout（二）瀑布流

Github 地址：https://github.com/LeonLeeboy/LBCollectionViewLayout （欢迎点赞哦）

什么是瀑布流

类似淘宝首页上的，由上而下，item 的高度不尽相同的collectionView的布局。

如何实现瀑布流

前提：

1. 只有一个section
2. 自上而下，自左而右

1. 遍历所有的item ，把item 放到最短的一列当中。
2. item 的size的确定
3. contentsize 的确定

具体实现

回顾：实现UICollectionViewLayout 的五个方法
1. prepareLayout
2. collectionViewContentSize
3. layoutAttributesForElementsInRect
4. layoutAttributesForItemAtIndexPath
5. shouldInvalidateLayoutForBoundsChange

1. 继承自UICollectionViewLayout

LBWaterFlowCollectionViewLayout : UICollectionViewLayout 

2. 在prepareLayout 中提前算好所有的item的LayoutAttributes属性。

 //data , 初始化记录
    for (int i = 0; i < _Colcount; i++) {
        [self.heightDic setObject:[NSNumber numberWithFloat:0.0] forKey:[self indexToKey:i]];
    }
    // attributes
    NSInteger count = [self itemsCount];
    [self.attributesArray removeAllObjects];
    for (int i =0 ; i < count; i++) {
        NSIndexPath *indexPath = [NSIndexPath indexPathForRow:i inSection:0];
       UICollectionViewLayoutAttributes *attributes =  [self collectionViewlayoutAttributesWithIndexPath:indexPath];
        [self.attributesArray addObject:attributes];
    }

3. 计算出对应的contentSize

CGSize contentSize = CGSizeZero;
contentSize =  CGSizeMake(self.collectionView.frame.size.width, MAX([self getMaxHeight], self.collectionView.frame.size.height));
    return contentSize;

4. layoutAttributesForElement中返回

 return self.attributesArray;

5. 允许到达边界重新计算

- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds{
    return YES;
}

源码永远是最直接的：https://github.com/LeonLeeboy/LBCollectionViewLayout