卡片式流水布局可以
##自定义布局-继承UICollectionViewFlowLayout
###重写prepareLayout方法
-作用：在这个方法中做一些初始化操作
-注意：一定要调用[super prepareLayout]
###重写layoutAttributesForElementsInRect:方法
-作用：
-这个方法的返回值是个数组
-这个数组中存放的都是UICollectionViewLayoutAttributes对象
- UICollectionViewLayoutAttributes对象决定了cell的排布方式（frame等）
###重写shouldInvalidateLayoutForBoundsChange:方法
-作用：如果返回YES，那么collectionView显示的范围发生改变时，就会重新刷新布局
-一旦重新刷新布局，就会按顺序调用下面的方法：
- prepareLayout
- layoutAttributesForElementsInRect:
###重写targetContentOffsetForProposedContentOffset:withScrollingVelocity:方法
-作用：返回值决定了collectionView停止滚动时最终的偏移量（contentOffset）
-参数：
- proposedContentOffset：原本情况下，collectionView停止滚动时最终的偏移量
- velocity：滚动速率，通过这个参数可以了解滚动的方向
.h
#import
@interfaceXMGLineLayout :UICollectionViewFlowLayout
@end
.m
- (instancetype)init
{
if(self= [superinit]) {
}
returnself;
}
/**
*当collectionView的显示范围发生改变的时候，是否需要重新刷新布局
*一旦重新刷新布局，就会重新调用下面的方法：
1.prepareLayout
2.layoutAttributesForElementsInRect:方法
*/
- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds
{
returnYES;
}
/**
*用来做布局的初始化操作（不建议在init方法中进行布局的初始化操作）
*/
- (void)prepareLayout
{
[superprepareLayout];
//水平滚动
self.scrollDirection=UICollectionViewScrollDirectionHorizontal;
//设置内边距
CGFloatinset = (self.collectionView.frame.size.width-self.itemSize.width) *0.5;
self.sectionInset=UIEdgeInsetsMake(0, inset,0, inset);
}
/**
UICollectionViewLayoutAttributes *attrs;
1.一个cell对应一个UICollectionViewLayoutAttributes对象
2.UICollectionViewLayoutAttributes对象决定了cell的frame
*/
/**
*这个方法的返回值是一个数组（数组里面存放着rect范围内所有元素的布局属性）
*这个方法的返回值决定了rect范围内所有元素的排布（frame）
*/
- (NSArray*)layoutAttributesForElementsInRect:(CGRect)rect
{
//获得super已经计算好的布局属性
NSArray*array = [superlayoutAttributesForElementsInRect:rect];
//计算collectionView最中心点的x值
CGFloatcenterX =self.collectionView.contentOffset.x+self.collectionView.frame.size.width*0.5;
//在原有布局属性的基础上，进行微调
for(UICollectionViewLayoutAttributes*attrsinarray) {
// cell的中心点x和collectionView最中心点的x值的间距
CGFloatdelta =ABS(attrs.center.x- centerX);
//根据间距值计算cell的缩放比例
CGFloatscale =1- delta /self.collectionView.frame.size.width;
//设置缩放比例
attrs.transform=CGAffineTransformMakeScale(scale, scale);
}
returnarray;
}
/**
*这个方法的返回值，就决定了collectionView停止滚动时的偏移量
*/
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{
//计算出最终显示的矩形框
CGRectrect;
rect.origin.y=0;
rect.origin.x= proposedContentOffset.x;
rect.size=self.collectionView.frame.size;
//获得super已经计算好的布局属性
NSArray*array = [superlayoutAttributesForElementsInRect:rect];
//计算collectionView最中心点的x值
CGFloatcenterX = proposedContentOffset.x+self.collectionView.frame.size.width*0.5;
//存放最小的间距值
CGFloatminDelta =MAXFLOAT;
for(UICollectionViewLayoutAttributes*attrsinarray) {
if(ABS(minDelta) >ABS(attrs.center.x- centerX)) {
minDelta = attrs.center.x- centerX;
}
}
//修改原有的偏移量
proposedContentOffset.x+= minDelta;
returnproposedContentOffset;
}
-文章转自小码哥
