iOS Swift UICollectionView橫向分頁的問題

UICollectionView橫向分頁的問題

狀況

直接看圖

已經設置collectionView的isPagingEnabled爲true了，但是出現了這種狀況，緣由就是collectionView的contentSize不夠。

<UICollectionView: 0x7fc565076000; 
frame = (0 0; 375 197); 
clipsToBounds = YES; 
gestureRecognizers = <NSArray: 0x6180000557e0>; 
layer = <CALayer: 0x61000022a5a0>; 
contentOffset: {187.5, 0}; 
contentSize: {562.5, 192.25}
>
複製代碼

解決方案

有兩種方式能夠解決，數據只有11個，要分兩頁須要16個，那咱們能夠直接添加數據到16個，而後在dataSource中返回cell時進行判斷及處理便可。不過對於如今來講過小題大作了，我選第二種方式~

直接修改contentSize

我自定義了一個繼承於UICollectionViewFlowLayout的Layout(LXFChatMoreCollectionLayout)，讓UICollectionView在建立的時候使用了它

在 LXFChatMoreCollectionLayout.swift 中咱們須要重寫父類的collectionViewContentSize，將contentSize取出來修改成咱們本身建立的newSize就能夠了代碼以下

override var collectionViewContentSize: CGSize {
    let size: CGSize = super.collectionViewContentSize
    let collectionViewWidth: CGFloat = self.collectionView!.frame.size.width
    let nbOfScreen: Int = Int(ceil(size.width / collectionViewWidth))
    let newSize: CGSize = CGSize(width: collectionViewWidth * CGFloat(nbOfScreen), height: size.height)
    return newSize
}
複製代碼

注：ceil函數的做用是求不小於給定實數的最小整數。ceil(2)=ceil(1.2)=cei(1.5)=2.00

效果

至於如何讓item水平佈局，請參考《iOS - Swift UICollectionView橫向分頁滾動，cell左右排版》

附上相關項目：Swift 3.0 高仿微信