UICollectionView自定义布局对象

UICollectionView使用注意事项

• 初始化UICollectionView的时候一定要指定布局参数，因为UICollectionView所有的配置（包括item的frame、center、item之间的空隙、流动方向、边距、偏移等信息）都需要由UICollectionViewLayout对象来完成
• UICollectionView一定要通过注册的方式来得到UICollectionViewCell对象
• UICollectionViewCell类一定要自定义，系统的cell没有任何子控件
• 当需要完成比较复杂的操作时，比如在滑动过程中修改item的大小，则需要自定义布局UICollectionViewLayout对象，通过重写该对象的一些方法来达到要求，后文会有案例

自定义UICollectionViewLayout对象

对于自定义布局对象，我们应该了解布局对象的4个方法

1. - (void)prepareLayout方法
   • 什么时候调用:只要UICollectionView的约束更新（更改view的大小）、collectionView第一次布局
   • 作用:通知布局对象去更新当前的布局
   • 使用场景：默认这个方法什么也不做，我们也可以重写该方法然后初始化一些数据结构
2. 调用super的layoutAttributesForElementsInRect方法会返回一个NSArray，这个数组里面都是rect区域内的UICollectionViewLayoutAttributes对象，有如下关系cell == item == UICollectionViewLayoutAttributesgrect，==代表一一对应的关系。引用官方文档中的一句话：The rectangle (specified in the collection view’s coordinate system) containing the target views.

    - (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {
       // 此处attrs是NSMutableArray对象，但是不能直接修改attrs，否则会报警告
       NSArray *attrs = [super layoutAttributesForElementsInRect:self.collectionView.bounds];
       // 要将attrs深拷贝给copyAttrs
       NSArray *copyAttrs = [[NSArray alloc] initWithArray:attrs copyItems:YES];
       // 下面是通过访问attrs里面的属性，来修改cell的属性
       return copyAttrs;
   }
   

3. 最终偏移函数

• 什么时候调用：手指离开屏幕的时候调用
• 分析：
  • 在手指离开屏幕的时候，调用该方法，由于手指离开屏幕的时候，view还在移动，p表示的是最终停止时缓存的偏移量，而不是手指离开时的偏移量
  • 如果在该方法中同时打印collectionView的contentOffset，结果又是什么样的呢？ 答：打印的是手指离开屏幕时的偏移量，与上面情况不同
• 上面所说的偏移量到底是谁的偏移量呢？
  • 因为UICollectionView继承自UIScrollView，所以偏移量指的的UICollectionView内content的偏移量

- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity {
    CGPoint p = [super targetContentOffsetForProposedContentOffset:proposedContentOffset withScrollingVelocity:velocity];
    return p;
}

4. 滚动时（约束布局变化时）是否允许刷新布局，默认是NO。返回YES时，只要布局在改变，则以上2方法一直调用（所以可以在该方法中调整想要调整的cell），直到滑动停止。1、3方法调用一次

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

以上就是自定义UICollectionViewLayout的基本方法，了解到来这些，我们就能够不仅仅拘泥于简单的布局，此时就能对UICollectionView做一些复杂的操作了。

我也做了一个类似图片浏览器的例子，在我的github上。
github地址

参考

官方文档
小码哥代码