一、UICollectionView 要点
-
UICollectionLayout布局方法的执行顺序 -
UICollectionLayout实现自定义布局要点 -
UICollectionViewLayoutAttributes实现自定义布局属性要点 - 重新计算布局属性
- 自动对齐到网格
1、UICollectionView 构成
- Cells
- Supplementary Views 追加视图（类似Header 或则 Footer）
- Decoration Views 装饰视图（用作背景展示）
2、布局方法的执行顺序
prepareLayout()-(CGSize)collectionViewContentSize-(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect
3、自定义UICollectionLayout实现自定义布局
主要继承
UICollectionLayout以下方法，实现布局自定义。
-
-(void)prepareLayout开始布局前，调用的方法。可以用来一次把所有的布局属性放到一个NSArray中。
-
-(CGSize)collectionViewContentSize返回CollectionView的内容尺寸
-
-(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect- 返回rect中的所有元素的布局属性
- 返回的是包含
UICollectionViewLayoutAttributes的NSArray -
UICollectionViewLayoutAttributes可以是Cell、追加视图、装饰视图 - 不要返回所有的属性，只显示Rect相交的属性。节省性能。
-
-(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBoundsYES : 边界发生变化，刷新布局。
不要直接返回YES，判断UICollectionView的frame改变时再返回YES。 -
-(UICollectionViewLayoutAttributes _)layoutAttributesForItemAtIndexPath:(NSIndexPath _)indexPath返回对应于indexPath的位置的Cell的布局属性
-
-(UICollectionViewLayoutAttributes _)layoutAttributesForSupplementaryViewOfKind:(NSString _)kind atIndexPath:(NSIndexPath *)indexPath返回对应于indexPath的位置的追加视图的布局属性
-
-(UICollectionViewLayoutAttributes * )layoutAttributesForDecorationViewOfKind:(NSString_)decorationViewKind atIndexPath:(NSIndexPath _)indexPath返回对应于indexPath的位置的装饰视图的布局属性
4、自定义UICollectionViewLayoutAttributes
主要用来布局cell、追加视图、装饰视图里面的指定子元素。
- 实现NSCopying协议?
- 实现
-(BOOL)isEqual:(id)object父类方法? - 在cell、追加视图、装饰视图中，实现
-(void)applyLayoutAttributes:(UICollectionViewLayoutAttributes *)layoutAttributes方法，具体布局指定元素。 -
在Layout类中实现以下方法?
+(Class)layoutAttributesClass
5、重新计算布局
-
invalidateLayout:执行布局方法，从-(void)prepareLayout方法开始重新计算布局。
6、切换布局
注意：切换的2个布局必须已经实现了
-(UICollectionViewLayoutAttributes _)layoutAttributesForItemAtIndexPath:(NSIndexPath _)indexPath方法。否则会报错。
setCollectionViewLayout:animated:
7、动画效果
initialLayoutAttributesForAppearingItemAtIndexPath:initialLayoutAttributesForAppearingSupplementaryElementOfKind:atIndexPath:initialLayoutAttributesForAppearingDecorationElementOfKind:atIndexPath:finalLayoutAttributesForDisappearingItemAtIndexPath:finalLayoutAttributesForDisappearingSupplementaryElementOfKind:atIndexPath:finalLayoutAttributesForDisappearingDecorationElementOfKind:atIndexPath:
8、DEMO与参考
