解决Collection 间隙问题

技术分享  / 倒序浏览   ©

#楼主# 2020-2-11

跳转到指定楼层

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
UICollectionView解决item之间的间隙题目
在项目中需要使用网格组件来显示列表信息,因此封装了一个iOS的网格组件GridView,demo地址: GitHub
在实现过程中发现一个题目,在iPhone8中,UICollectionView 展示的item之间总有间隙,即使设置了item等宽,也设置了UICollectionViewFlowLayout 的 minimumInteritemSpacing 为 0,都不管用,于是Google一番,发现题目普遍存在,做了以下题目说明和解决办法
参考文章:UICollectionView 缝隙修复
简要说明题目产生原因:
1、iPhone中屏幕的 逻辑像素(pt)和 物理像素(px)的对应关系,在iPhone6s plus(包含)之后都是一个pt对应3个px,iPhone4 ~iPhone6s都是一个pt对应3个px,从 [[UIScreen mainScrenn] scale] 可以得出对应比例。
2、举例说明:当在iPhone8中 UICollectionView 显示4个等宽的item时,item的 width 为 375.0/4 = 93.75 (375为iPhone8 逻辑像素宽度), 按照1个pt由3个px来渲染的逻辑,末了的 0.75 只有 0.66 的部门由2个px渲染,剩下的 0.09没法渲染,因此产生了临近的 1px空白间隙。
解决题目:
解决方式与参考文章的做法不同,这里是主动规避。
既然有1px空白间隙,那就避免产生这个间隙,在盘算 itemSize 的时候,假设item等宽为 width,item 的个数为 num,除了第一个item,其他item的宽度都取值 floor(width) ,然后第一个item 宽度为 CGRectGetWidth(collectionView.bounds) - floor(width) * num ; 这样就可以避免出现带小数宽度,从而没了那个1px空白。
贴一下盘算代码:
在方法
-(CGSize)collectionView:(UICollectionView )collectionView layout:(UICollectionViewLayout )collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath 中写入:
NSInteger num = 4;

CGFloat width = CGRectGetWidth(collectionView.bounds)/num;
CGFloat height = 100.0;
if(indexPath.row == 0){
    //第一列的width比其他列稍大一些,消除item之间的间隙
    CGFloat realWidth = CGRectGetWidth(collectionView.bounds) - floor(width) * (num - 1);
    return CGSizeMake(realWidth, height);
}else{
    return CGSizeMake(floor(width), height);
}
原文链接:https://blog.csdn.net/ayuapp/article/details/80360745
分享淘帖
回复

使用道具

您的回复是对作者最大的奖励

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

generalabsence

新手猿

  • 主题

    1

  • 帖子

    1

  • 关注者

    0

楼主新帖

Archiver|手机版|小黑屋|云大陆 | 赣ICP备18008958号-4|网站地图
Powered by vrarz.com!  © 2019-2020版权所有云大陆