欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-02-13 08:59:52
下面通过图文并茂的形式给大家介绍uicollectionview横向分页的问题,具体内容详情如下所示: 情况 直接看图 滚前 滚后 已经设置collect...

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

情况

直接看图

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

滚前

iOS中关于Swift 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

效果

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

以上所述是小编给大家介绍的ios中关于swift uicollectionview横向分页的问题,希望对大家有所帮助