重寫prepareLayout方法
- 作用：在這個方法中做一些初始化操作
- 注意：一定要調用[super prepareLayout]
重寫layoutAttributesForElementsInRect:方法
- 作用：
- 這個方法的返回值是個數組
- 這個數組中存放的都是UICollectionViewLayoutAttributes對象
- UICollectionViewLayoutAttributes對象決定了cell的排布方式（frame等）
重寫shouldInvalidateLayoutForBoundsChange:方法
- 作用：如果返回YES，那么collectionView顯示的范圍發生改變時，就會重新刷新布局
- 一旦重新刷新布局，就會按順序調用下面的方法：
- prepareLayout
- layoutAttributesForElementsInRect:
重寫targetContentOffsetForProposedContentOffset:withScrollingVelocity:方法
- 作用：返回值決定了collectionView停止滾動時最終的偏移量（contentOffset）
- 參數：
- proposedContentOffset：原本情況下，collectionView停止滾動時最終的偏移量
- velocity：滾動速率，通過這個參數可以了解滾動的方向
下面是具體實現
- (instancetype)init
{
if (self = [super init]) {
}
return self;
}
/**
* 當collectionView的顯示范圍發生改變的時候，是否需要重新刷新布局
* 一旦重新刷新布局，就會重新調用下面的方法：
1.prepareLayout
2.layoutAttributesForElementsInRect:方法
*/
- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds
{
return YES;
}
/**
* 用來做布局的初始化操作（不建議在init方法中進行布局的初始化操作）
*/
- (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);
}
/**
UICollectionViewLayoutAttributes *attrs;
1.一個cell對應一個UICollectionViewLayoutAttributes對象
2.UICollectionViewLayoutAttributes對象決定了cell的frame
*/
/**
* 這個方法的返回值是一個數組（數組里面存放着rect范圍內所有元素的布局屬性）
* 這個方法的返回值決定了rect范圍內所有元素的排布（frame）
*/
- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect
{
// 獲得super已經計算好的布局屬性
NSArray *array = [super layoutAttributesForElementsInRect:rect];
// 計算collectionView最中心點的x值
CGFloat centerX = self.collectionView.contentOffset.x + self.collectionView.frame.size.width * 0.5;
// 在原有布局屬性的基礎上，進行微調
for (UICollectionViewLayoutAttributes *attrs in array) {
// cell的中心點x 和 collectionView最中心點的x值 的間距
CGFloat delta = ABS(attrs.center.x - centerX);
// 根據間距值 計算 cell的縮放比例
CGFloat scale = 1 - delta / self.collectionView.frame.size.width;
// 設置縮放比例
attrs.transform = CGAffineTransformMakeScale(scale, scale);
}
return array;
}
/**
* 這個方法的返回值，就決定了collectionView停止滾動時的偏移量
*/
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{
// 計算出最終顯示的矩形框
CGRect rect;
rect.origin.y = 0;
rect.origin.x = proposedContentOffset.x;
rect.size = self.collectionView.frame.size;
// 獲得super已經計算好的布局屬性
NSArray *array = [super layoutAttributesForElementsInRect:rect];
// 計算collectionView最中心點的x值
CGFloat centerX = proposedContentOffset.x + self.collectionView.frame.size.width * 0.5;
// 存放最小的間距值
CGFloat minDelta = MAXFLOAT;
for (UICollectionViewLayoutAttributes *attrs in array) {
if (ABS(minDelta) > ABS(attrs.center.x - centerX)) {
minDelta = attrs.center.x - centerX;
}
}
// 修改原有的偏移量
proposedContentOffset.x += minDelta;
return proposedContentOffset;
}