FlatCardLayout – 卡片縮放佈局

這次練習一個會縮放卡片大小的佈局效果。


FlatCardLayout

卡片在畫面兩側是呈現最小的狀態,當靠近中間的時候會放大,離開中間的時候會縮小。


FlatCardCollectionViewLayout

設定 UICollectionView 為水平移動,並且設定左右間距。

根據卡片的數量,設定 contentSize

具體的佈局邏輯


Reference

  • 在 Github 上可以看到本文相關的 Source Code

2 thoughts on “FlatCardLayout – 卡片縮放佈局

  1. 請問collectionViewContentSize.width = collectionView!.bounds.width * itemsCount ,這樣水平可以滾動的長度會是10個CollectionView的寬,不知道這樣理解有沒有錯誤還是有其他用途?
    如果用預設或下面這寫法會不會比較好?
    let width = (2 * inset) + (itemSize.width * 10) + self.minimumInteritemSpacing * (itemsCount – 1)
    retrun CGSize(width: width, height: collectionview!.bounds.height)

    1. 沒錯,其實這一系列都可以再做得更好,但因為我把自己時間定在每天要做一個例子,所以會以實現效果為主。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *