swift 版本
class JYCollectFlowLayout: UICollectionViewFlowLayout { override func prepare() { let itemWidth = (self.collectionView?.frame.width ?? 0) - 40 let itemHeight = (self.collectionView?.frame.height ?? 0) self.itemSize = CGSize( itemWidth, height: itemHeight) } override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool { return true } // override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? { //// var newAttrubtArr: [UICollectionViewLayoutAttributes] = [] //// if let attrubtArr = super.layoutAttributesForElements(in: rect) { //// for attrubt in attrubtArr { //// attrubt.transform = CGAffineTransform(scaleX: 0.9, y: 1) //// newAttrubtArr.append(attrubt) //// } //// } //// return newAttrubtArr // } override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint { let rect = CGRect(x: proposedContentOffset.x, y: 0, self.collectionView?.frame.width ?? 0, height: self.collectionView?.frame.height ?? 0) let centerX = proposedContentOffset.x + (self.collectionView?.frame.width ?? 0) * 0.5 - 20 var minpace: CGFloat = CGFloat(MAXFLOAT) if let tempArr = super.layoutAttributesForElements(in: rect) { for attrubt in tempArr { if abs(attrubt.center.x - centerX) < abs(minpace) { minpace = attrubt.center.x - centerX; } } } return CGPoint(x: proposedContentOffset.x + minpace - 20 , y: proposedContentOffset.y) } }
OC版本
.h 文件
@interface DoubleFestivalRechargeLayout : UICollectionViewFlowLayout @end
.m文件
@implementation DoubleFestivalRechargeLayout - (instancetype)init { if (self = [super init]) { } return self; } - (void)prepareLayout { [super prepareLayout]; // 垂直滚动 self.scrollDirection = UICollectionViewScrollDirectionHorizontal; self.minimumInteritemSpacing = 20; // 设置collectionView里面内容的内边距(上、左、下、右) CGFloat inset = (self.collectionView.frame.size.width - 2*self.itemSize.width) /3; self.sectionInset = UIEdgeInsetsMake(inset, inset, inset, inset); } - (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds { return YES; } - (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect { // 拿到系统已经帮我们计算好的布局属性数组,然后对其进行拷贝一份,后续用这个新拷贝的数组去操作 NSArray * originalArray = [super layoutAttributesForElementsInRect:rect]; NSArray * curArray = [[NSArray alloc] initWithArray:originalArray copyItems:YES]; // 计算collectionView中心点的y值(这个中心点可不是屏幕的中线点哦,是整个collectionView的,所以是包含在屏幕之外的偏移量的哦) CGFloat centerY = self.collectionView.contentOffset.y + self.collectionView.frame.size.height * 0.5; // 拿到每一个cell的布局属性,在原有布局属性的基础上,进行调整 for (UICollectionViewLayoutAttributes *attrs in curArray) { // cell的中心点y 和 collectionView最中心点的y值 的间距的绝对值 CGFloat space = ABS(attrs.center.y - centerY); // 根据间距值 计算 cell的缩放比例 // 间距越大,cell离屏幕中心点越远,那么缩放的scale值就小 CGFloat scale = 1 - space / self.collectionView.frame.size.height; // 设置缩放比例 attrs.transform = CGAffineTransformMakeScale(scale, scale); } return curArray; } - (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity { // 计算出停止滚动时(不是松手时)最终显示的矩形框 CGRect rect; rect.origin.y = proposedContentOffset.y; rect.origin.x = 0; rect.size = self.collectionView.frame.size; // 获得系统已经帮我们计算好的布局属性数组 NSArray *array = [super layoutAttributesForElementsInRect:rect]; // 计算collectionView最中心点的y值 // 再啰嗦一下,这个proposedContentOffset是系统帮我们已经计算好的,当我们松手后它惯性完全停止后的偏移量 CGFloat centerY = proposedContentOffset.y + self.collectionView.frame.size.height * 0.5; // 当完全停止滚动后,离中点Y值最近的那个cell会通过我们多给出的偏移量回到屏幕最中间 // 存放最小的间距值 // 先将间距赋值为最大值,这样可以保证第一次一定可以进入这个if条件,这样可以保证一定能闹到最小间距 CGFloat minSpace = MAXFLOAT; for (UICollectionViewLayoutAttributes *attrs in array) { if (ABS(minSpace) > ABS(attrs.center.y - centerY)) { minSpace = attrs.center.y - centerY; } } // 修改原有的偏移量 proposedContentOffset.y += minSpace; return proposedContentOffset; } @end