美文网首页
横向滑动中间大图左右缩小

横向滑动中间大图左右缩小

作者: CocoaJason | 来源:发表于2024-02-28 09:48 被阅读0次

    Swift横向滑动中间大图左右缩小(UICollectionView+UICollectionViewFlowLayout+UICollectionViewCell)_uicollectionview 水平滚动 中间大-CSDN博客

        ///根据当前滚动进行对每个cell进行缩放
        ///用来计算出rect这个范围内所有cell的UICollectionViewLayoutAttributes,
        override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
            //首先获取 当前rect范围内的 attributes对象
            let collectionViewLayoutAttributes : [UICollectionViewLayoutAttributes] = super.layoutAttributesForElements(in: rect) ?? [];
            //计算缩放比  首先计算出整体中心点的X值 和每个cell的中心点X的值
            //用着两个x值的差值 ,计算出绝对值
            //
            //计算偏移colleciotnView中心点的X值 = X偏移量+colleciotnView的半宽
            let centerX =  (collectionView?.contentOffset.x)! + (self.collectionView?.bounds.width)!/2;
            // 可见矩阵
            let visiableRect = CGRect(x: self.collectionView!.contentOffset.x, y: self.collectionView!.contentOffset.y, width: self.collectionView!.frame.width, height: self.collectionView!.frame.height);
            
            //循环遍历每个attributes对象 对每个对象进行缩放
            for attr : UICollectionViewLayoutAttributes in collectionViewLayoutAttributes {
                // 不在可见区域的attributes不变化
                if !visiableRect.intersects(attr.frame) {continue}
                //计算每个对象cell中心点的X值
                let cell_centerX = attr.center.x;
                //计算两个中心点的偏移(距离=cell中心点X值-偏移的colleciotnView中心点X值)取绝对值,这个值应该是一个百位数(iPhone6S的With=375Ppt,偏离量最多375,所以缩放因子设为0.001是适合的)
                let distance = abs(cell_centerX-centerX);
                //距离越大缩放比越小,距离小 缩放比越大,缩放比最大为1,即重合
                let scale:CGFloat = 1/(1+distance*ScaleFactor);
                //缩放(基准点为中心点)
                //CATransform3DMakeScale (CGFloat sx, CGFloat sy, CGFloat sz)
                //sx:X轴缩放,代表一个缩放比例,一般都是0-1之间的数字。
                //sy:Y轴缩放。
                //sz:整体比例变换(sx==sy)时
                //      1.sz>1,图形整体缩小;
                //      2.0<sz<1,图形整体放大;
                //      3.sz<0,发生关于原点的对称等比变换。
                attr.transform3D = CATransform3DMakeScale(1.0, scale, 1.0);
            }
            
            return collectionViewLayoutAttributes;
        }
    
    
        /// - Parameter proposedContentOffset: 当手指滑动的时候 最终的停止的偏移量
        /// - Returns: 返回最后位于屏幕最中央的Cell的中心点需要的偏移量
        /// 当停止滑动,确保有一Cell是位于屏幕最中央
        override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
            // 可见范围
            let lastRect = CGRect(x: proposedContentOffset.x, y: proposedContentOffset.y, width: self.collectionView!.frame.width, height: self.collectionView!.frame.height)
            //获得collectionVIew中央的X值(即显示在屏幕中央的X)
            let centerX = proposedContentOffset.x + self.collectionView!.frame.width * 0.5;
            //这个范围内所有的属性
            let attributes : [UICollectionViewLayoutAttributes] = self.layoutAttributesForElements(in: lastRect)!;
            //需要移动的距离
            var adjustOffsetX = CGFloat(MAXFLOAT);
            var tempOffsetX : CGFloat;
            for attr in attributes {
                //计算出距离中心点 最小的那个cell 和整体中心点的偏移
                tempOffsetX = attr.center.x - centerX;
                if abs(tempOffsetX) < abs(adjustOffsetX) {
                    adjustOffsetX = tempOffsetX;
                }
            }
            //偏移坐标
            return CGPoint(x: (proposedContentOffset.x + adjustOffsetX), y: proposedContentOffset.y);
        }
    
    

    相关文章

      网友评论

          本文标题:横向滑动中间大图左右缩小

          本文链接:https://www.haomeiwen.com/subject/mhnxzdtx.html