码迷,mamicode.com
首页 > 其他好文 > 详细

CollectioViewCoverFlowLayout

时间:2017-09-04 09:53:23      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:res   gpo   date   target   over   cti   就会   should   返回   

//
//  JKCoverFlowLayout.m
//  CollectionViewCustomerLayout
//
//  Created by Jack on 2017/6/30.
//  Copyright ? 2017年 buakaw.lee.com.www. All rights reserved.
//

#import "JKCoverFlowLayout.h"

@implementation JKCoverFlowLayout

/**
 * 用来做布局的初始化操作
 */
- (void)prepareLayout
{
    [super prepareLayout];
    // 水平滚动
    self.scrollDirection = UICollectionViewScrollDirectionHorizontal;
    // 设置内边距
    CGFloat inset = (self.collectionView.frame.size.width - self.itemSize.width) * 0.5;
    self.sectionInset = UIEdgeInsetsMake(0, inset, 0, inset);
}

/**
 * 当collectionView的显示范围发生改变的时候,是否需要重新刷新布局
 * 一旦重新刷新布局,就会重新调用 layoutAttributesForElementsInRect:方法
 */
-(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds {
    printf("%s\n",__func__);
    return YES;
}


/**
 * 返回的数组里面存放着rect范围内所有元素的布局属性
 * 这个方法的返回值决定了rect范围内所有元素的排布(frame)
 * 一个cell对应一个UICollectionViewLayoutAttributes对象
 */
-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {
    printf("%s\n",__func__);
    //取出父类算出的布局属性
    NSArray *attsArray = [super layoutAttributesForElementsInRect:rect];
    
    //collectionView中心点的值
    CGFloat centerX = self.collectionView.frame.size.width / 2 + self.collectionView.contentOffset.x;
    
    //一个个取出来进行更改
    for (UICollectionViewLayoutAttributes *atts in attsArray) {
        // cell的中心点x 和 collectionView最中心点的x值 的间距
        CGFloat space = ABS(atts.center.x - centerX);
        CGFloat scale = 1 - space/self.collectionView.frame.size.width;
        atts.transform = CGAffineTransformMakeScale(scale, scale);
        atts.zIndex = -space;
        
    }
    return attsArray;
}
/**
 * 快速滚动时不会调用Rect方法,而是直接调用此方法
 */
- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
    printf("%s\n",__func__);
    CGFloat centerX = self.collectionView.frame.size.width / 2 + self.collectionView.contentOffset.x;
    UICollectionViewLayoutAttributes *atts = [super layoutAttributesForItemAtIndexPath:indexPath];
    CGFloat space = ABS(atts.center.x - centerX);
    CGFloat scale = 1 - space/self.collectionView.frame.size.width;
    atts.transform = CGAffineTransformMakeScale(scale, scale);
    atts.zIndex = -space;
    return atts;
}

/**
 * 这个方法的返回值,就决定了collectionView停止滚动时的偏移量
 */
-(CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity {
    printf("%s\n",__func__);
    // 计算出最终显示的矩形框
    CGRect rect;
    rect.origin.y = 0;
    rect.origin.x = proposedContentOffset.x;//最终要停下来的X
    rect.size = self.collectionView.frame.size;
    
    //获得计算好的属性
    NSArray *attsArray = [super layoutAttributesForElementsInRect:rect];
    //计算collection中心点X
    CGFloat centerX = proposedContentOffset.x + self.collectionView.frame.size.width / 2;
    
    CGFloat minSpace = MAXFLOAT;
    for (UICollectionViewLayoutAttributes *attrs in attsArray) {
        
        if (ABS(minSpace) > ABS(attrs.center.x - centerX)) {
            minSpace = attrs.center.x - centerX;
        }
    }
    // 修改原有的偏移量
    proposedContentOffset.x += minSpace;
    return proposedContentOffset;
    
}

@end

 

CollectioViewCoverFlowLayout

标签:res   gpo   date   target   over   cti   就会   should   返回   

原文地址:http://www.cnblogs.com/buakaw/p/7472116.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!