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


    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
    

      

  • 相关阅读:
    Glide只播放一次Gif以及监听播放完成的实现方案
    Android 插件化开发(四):插件化实现方案
    Android 插件化开发(三):资源插件化
    Android 插件化开发(二):加载外部Dex文件
    Android 插件化开发(一):Java 反射技术介绍
    Android框架式编程之架构方案
    Android 项目优化(六):项目开发时优化技巧总结
    Android 项目优化(五):应用启动优化
    Android 项目优化(四):内存优化
    Android 项目优化(三):MultiDex 优化
  • 原文地址:https://www.cnblogs.com/qingzZ/p/14167613.html
Copyright © 2020-2023  润新知