UICollectionView解决item之间的间隙问题

2024-06-17 04:48

本文主要是介绍UICollectionView解决item之间的间隙问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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);
}

这篇关于UICollectionView解决item之间的间隙问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1068511

相关文章

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

linux下多个硬盘划分到同一挂载点问题

《linux下多个硬盘划分到同一挂载点问题》在Linux系统中,将多个硬盘划分到同一挂载点需要通过逻辑卷管理(LVM)来实现,首先,需要将物理存储设备(如硬盘分区)创建为物理卷,然后,将这些物理卷组成... 目录linux下多个硬盘划分到同一挂载点需要明确的几个概念硬盘插上默认的是非lvm总结Linux下多

Python Jupyter Notebook导包报错问题及解决

《PythonJupyterNotebook导包报错问题及解决》在conda环境中安装包后,JupyterNotebook导入时出现ImportError,可能是由于包版本不对应或版本太高,解决方... 目录问题解决方法重新安装Jupyter NoteBook 更改Kernel总结问题在conda上安装了

pip install jupyterlab失败的原因问题及探索

《pipinstalljupyterlab失败的原因问题及探索》在学习Yolo模型时,尝试安装JupyterLab但遇到错误,错误提示缺少Rust和Cargo编译环境,因为pywinpty包需要它... 目录背景问题解决方案总结背景最近在学习Yolo模型,然后其中要下载jupyter(有点LSVmu像一个

Goland debug失效详细解决步骤(合集)

《Golanddebug失效详细解决步骤(合集)》今天用Goland开发时,打断点,以debug方式运行,发现程序并没有断住,程序跳过了断点,直接运行结束,网上搜寻了大量文章,最后得以解决,特此在这... 目录Bug:Goland debug失效详细解决步骤【合集】情况一:Go或Goland架构不对情况二:

解决jupyterLab打开后出现Config option `template_path`not recognized by `ExporterCollapsibleHeadings`问题

《解决jupyterLab打开后出现Configoption`template_path`notrecognizedby`ExporterCollapsibleHeadings`问题》在Ju... 目录jupyterLab打开后出现“templandroidate_path”相关问题这是 tensorflo

如何解决Pycharm编辑内容时有光标的问题

《如何解决Pycharm编辑内容时有光标的问题》文章介绍了如何在PyCharm中配置VimEmulator插件,包括检查插件是否已安装、下载插件以及安装IdeaVim插件的步骤... 目录Pycharm编辑内容时有光标1.如果Vim Emulator前面有对勾2.www.chinasem.cn如果tools工

最长公共子序列问题的深度分析与Java实现方式

《最长公共子序列问题的深度分析与Java实现方式》本文详细介绍了最长公共子序列(LCS)问题,包括其概念、暴力解法、动态规划解法,并提供了Java代码实现,暴力解法虽然简单,但在大数据处理中效率较低,... 目录最长公共子序列问题概述问题理解与示例分析暴力解法思路与示例代码动态规划解法DP 表的构建与意义动

Java多线程父线程向子线程传值问题及解决

《Java多线程父线程向子线程传值问题及解决》文章总结了5种解决父子之间数据传递困扰的解决方案,包括ThreadLocal+TaskDecorator、UserUtils、CustomTaskDeco... 目录1 背景2 ThreadLocal+TaskDecorator3 RequestContextH

关于Spring @Bean 相同加载顺序不同结果不同的问题记录

《关于Spring@Bean相同加载顺序不同结果不同的问题记录》本文主要探讨了在Spring5.1.3.RELEASE版本下,当有两个全注解类定义相同类型的Bean时,由于加载顺序不同,最终生成的... 目录问题说明测试输出1测试输出2@Bean注解的BeanDefiChina编程nition加入时机总结问题说明