iOS collection的UICollectionViewFlowLayout居中显示， 左右cell 各显示一部分

 

 

swift 版本

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

class JYCollectFlowLayout: UICollectionViewFlowLayout {     override func prepare() {         let itemWidth = (self.collectionView?.frame.width ?? 0) - 40         let itemHeight = (self.collectionView?.frame.height ?? 0)         self.itemSize = CGSize(width: 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, width: 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 文件

?

1 2 3

@interface DoubleFestivalRechargeLayout : UICollectionViewFlowLayout   @end

　　.m文件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81

@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