iOS中关于Swift UICollectionView横向分页的问题

时间:2021-08-01 04:32:59

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

情况

直接看图

iOS中关于Swift UICollectionView横向分页的问题

滚前

iOS中关于Swift 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横向分页的问题

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

原文链接:http://www.jianshu.com/p/60da3b52d64c