下面通过图文并茂的形式给大家介绍uicollectionview横向分页的问题,具体内容详情如下所示:
情况
直接看图

滚前

滚后
已经设置collectionview的ispagingenabled为true了,可是出现了这种情况,原因就是collectionview的contentsize不够。
?| 1 2 3 4 5 6 7 8 |
<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就可以了代码如下
?| 1 2 3 4 5 6 7 |
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
效果

以上所述是小编给大家介绍的ios中关于swift uicollectionview横向分页的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!
原文链接:http://www.jianshu.com/p/60da3b52d64c








发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。