Swift 4: 用UICollectionViewController做出Swipe Page

王彤
Tung's iOS
Published in
2 min readJul 23, 2018

--

延續https://medium.com/tungs-ios/swift-4-auto-layout-progammatically-part-3-9e36da0ce379

先放成果圖:

產生兩個swift檔,我準備把UICollectionView的code寫在SwipingController.swift裡,cell要顯示的內容寫在PageCell裡。

直接貼上程式碼,下面再來解釋:

第17行,先給PageCell取一個ID:"cellId",方便我們後面使用。第19行,isPagingEnabled設定成true,在滑得時候才會有翻頁的效果。第22行,minimumLineSpacingForSectionAt section是指section之間的空間有多少,預設是10,所以如果沒有調成0,每一頁中間會有空隙。第30行,cell裡面要顯示什麼要用cellForItemAt這個方法,這裡顯示前面命名為"cellId"的PageCell。第35行,利用sizeForItemAt這個方法,讓每個Item都跟view一樣大。

PageCell的部分基本上就是把上一篇寫的複製過來。

打開AppDelegate.swift

稍微解釋一下。
第23~25行,我希望我的畫面是水平滑動,預設是垂直滑動,所以要把scrollDirection調成.horizontal
第27行,rootViewController調成剛剛寫好的swipingController。

To be continued⋯⋯

--

--