iOS Swift UICollectionView横向分页的问题

时间 2019-12-07

标签 ios swift uicollectionview 横向分页问题栏目 iOS 繁體版

原文原文链接

UICollectionView横向分页的问题

状况

直接看图 git

已经设置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时进行判断及处理便可。不过对于如今来讲过小题大作了，我选第二种方式~github

直接修改contentSize

我自定义了一个继承于UICollectionViewFlowLayout的Layout(LXFChatMoreCollectionLayout)，让UICollectionView在建立的时候使用了它swift

在 LXFChatMoreCollectionLayout.swift 中咱们须要重写父类的collectionViewContentSize，将contentSize取出来修改成咱们本身建立的newSize就能够了代码以下bash

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左右排版》ide

附上相关项目：Swift 3.0 高仿微信函数