UICollectionView的布局

UICollectionViewLayout决定UICollectionView的显示风格和每个UICollectionViewCell的尺寸、排布等。

如何自定义布局？

继承自

UICollectionViewFlowLayout

类(最根本的布局)

继承自

UICollectionViewLayout

类(流水布局)

重点讲解：

UICollectionViewLayoutAttributes

类

每个UICollectionViewCell都有自己的

UICollectionViewLayoutAttributes

一.继承自

UICollectionViewFlowLayout

类，重写父类的方法来定制UICollectionViewFlowLayout

//只要显示的边界发生改变就会重新布局：内部重新调用layoutAttributesForElementsInRect方法获取所有cell的布局属性

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

//Elements:UICollectionViewCell
//rect指的的UICollectionView的尺寸，即我们可视化的尺寸
//该方法返回的是Cells的Attributes

-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect{

return [super layoutAttributesForElementsInRect:rect];
//在这里对cell进行自定义
}

//一些初始化的工作最好在这里实现
-(void)prepareLayout{
[super prepareLayout];
}

二.继承自

UICollectionViewLayout

类

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

-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect{

NSMutableArray* array=[NSMutableArray array];
NSInteger count=[self.collectionView numberOfItemsInSection:0];
for(int i=0;i<count;i++){

UICollectionViewLayoutAttributes* attrs=[UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:[NSIndexPath indexPathForItem:i inSection:0]];
//这里设置利用attrs设置属性
[array addObject:attrs];
}

return array;
}

//设置指定的UICollectionViewCell可以调用这个方法
-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath{

}