UICollectionView 實現各式複雜佈局核心在於 UICollectionViewLayout，需要我們去自定義實現。

通過各種layout 的自定義實現，以及它們之間的切換。可以實現一些酷炫的佈局，例如

Cover Flow 佈局

堆疊佈局

圓形佈局

關於需要重寫方法的描述

自定義佈局需要重寫以下四個方法

 - 作用：在這個方法中做一些初始化操作

 - 注意：子類重寫prepareLayout，一定要呼叫[super prepareLayout]

 - (void)prepareLayout;

 - 作用：

 - 這個方法的返回值是個陣列

 - 這個陣列中存放的都是UICollectionViewLayoutAttributes物件

 - UICollectionViewLayoutAttributes物件決定了cell的排布方式（frame等）

- (nullable NSArray<__kindof UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect;

 - 作用：如果返回YES，那麼collectionView顯示的範圍發生改變時，就會重新重新整理佈局

 - 一旦重新重新整理佈局，就會按順序呼叫下面的方法：

 - prepareLayout

 - layoutAttributesForElementsInRect:

- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds;

- 作用：返回值決定了collectionView停止滾動時最終的偏移量（contentOffset）

 - 引數：

 - proposedContentOffset：原本情況下，collectionView停止滾動時最終的偏移量

 - velocity：滾動速率，通過這個引數可以瞭解滾動的方向

-(CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint

具體實現邏輯

以 Cover Flow 佈局的實現為例子進行闡述

進行初始化

- (instancetype)init {
    if (self = [super init]) {
        
    }
    return self;
}

進行佈局，並且 collectionView 顯示 rect 改變是進行佈局重新整理

- (void)prepareLayout {
    [super prepareLayout];
    
    // 水平滾動
    self.scrollDirection = UICollectionViewScrollDirectionHorizontal;
    
    // 決定第一張圖片所在的位置
    CGFloat margin = (self.collectionView.frame.size.width - self.itemSize.width) / 2;
    self.collectionView.contentInset = UIEdgeInsetsMake(0, margin, 0, margin);
}

- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds {
    return YES;
} // return YES to cause the collection view to requery the layout for geometry information

該方法是進行自定義的核心，在這裡寫各種演算法以達成想要的效果

該例子中，我們要實現的效果是在滑動的過程中，item 逐漸接近中心，會逐步增大，直到顯示最大值，之後不斷遠離中心點，item 逐步縮小。這一效果類似於三角函式中的正、餘弦函式。初步鎖定這兩個函式，而要選擇哪一個？

在滑動的過程中，我們可以得到

self.collectionView.contentOffset.x ：這是內容最左側相對於 collectionView 最左側的偏移值

attributes.center.x ：這是當前 item 的水平中心點，該 x 值是從內容的最左側算起，直到當前 item 的水平中心點的，全部加起來就是該 item 的水平中心 x。

再者，無論是否滑動，都有一個固定值：

self.collectionView.center.x ：位於螢幕水平方向的中心不變，大小不變。

那麼，以第一個item 進行分析，self.collectionView.contentOffset.x與 self.collectionView.contentOffset.x 的差值與螢幕中心 x 相減的絕對值為item 中心與螢幕中心之間的距離

              螢幕中心與item 中心相距為0                                 螢幕中心與item 中心相距40

由此，我們選擇餘弦函式進行計算。

- (nullable NSArray<__kindof UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {
    
    // 閃屏現象解決參考 ：https://blog.csdn.net/u013282507/article/details/53103816
    //擴大控制範圍，防止出現閃屏現象
    rect.size.width = rect.size.width + KScreenWidth;
    rect.origin.x = rect.origin.x - KScreenWidth/2;

    // 讓父類佈局好樣式
    NSArray *arr = [[NSArray alloc] initWithArray:[super layoutAttributesForElementsInRect:rect] copyItems:YES];
    
    
    for (UICollectionViewLayoutAttributes *attributes in arr) {
        CGFloat scale;
//        scale = 1.0;
        
        // collectionView 的 centerX
        CGFloat centerX = self.collectionView.center.x;
        CGFloat step = ABS(centerX - (attributes.center.x - self.collectionView.contentOffset.x));
        NSLog(@"step %@ : attX %@ - offset %@", @(step), @(attributes.center.x), @(self.collectionView.contentOffset.x));
        scale = fabsf(cosf(step/centerX * M_PI/5));
        
        attributes.transform = CGAffineTransformMakeScale(scale, scale);
    }
    
    return arr;
} // return an array layout attributes instances for all the views in the given rect

確保在滾動結束的時候的顯示效果，此處確保某一個item 滾動結束時是居中顯示的。

- (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 *arr = [super layoutAttributesForElementsInRect:rect];

    // 計算 collectionView 最中心點的 x 值
    CGFloat centerX = proposedContentOffset.x + self.collectionView.frame.size.width * 0.5;

    CGFloat minDelta = MAXFLOAT;
    for (UICollectionViewLayoutAttributes *attrs in arr) {
        if (ABS(minDelta) > ABS(attrs.center.x - centerX)) {
            minDelta = attrs.center.x - centerX;
        }
    }

    proposedContentOffset.x += minDelta;
    
    return proposedContentOffset;
} // return a point at which to rest after scrolling - for layouts that want snap-to-point scrolling behavior

所有的參考連結：

WWDC 2012 Session 筆記 -- 205 Introducing Collection Views

UICollectionViewLayout 繼承 UICollectionViewFlowLayout 自定義佈局

自定義流水佈局（UICollectionViewFlowLayout 的基本使用）

iOS 利用餘弦函式實現卡片瀏覽工具