解决Collection 间隙问题

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