集合查看单元格留空顶部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了集合查看单元格留空顶部相关的知识,希望对你有一定的参考价值。

我在垂直滚动模式下使用具有不同单元大小的集合视图。我希望单元格显示如图所示。

Required Image

但是集合视图单元格看起来像这样,顶部有额外的空间。

Image from my project

以下是项目代码:

 func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int{
        return self.allProducts.count
    }

 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "demoItem", for: indexPath) as! ItemCollectionViewCell
    let item = allProducts[indexPath.row]
    cell.lbl_name.text = item.title
    cell.lbl_price.text = "$ " + item.price
    cell.imgView.image = imgArray[indexPath.row % imgArray.count]

    return cell
}

  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    if indexPath.row % 3 == 0
    {
        return CGSize(width: collectionView.frame.size.width/2, height: 200)
    }
    else if indexPath.row % 2 == 0
    {
        return CGSize(width: collectionView.frame.size.width/2, height: 225)
    }
   return CGSize(width: collectionView.frame.size.width/2, height: 250)
}

如何修复单元格问题上方的空间。

注意:我已尝试将automaticEdgeInset设置为false并手动更改contentInsets但没有任何反应。

答案

在我看来,您使用的是典型的流程布局,它会创建行中最高项目的高度,并垂直居中该行中的所有项目。我的猜测是细胞不占用所有空间(可能是因为自动布局和图像尺寸?)。

无论原因是什么,看起来你都试图尽可能地从顶部到底部放置细胞,忽略行。

我最近通过跟随Ray Wenderlich的this guide成功地完成了其中一个

以上是关于集合查看单元格留空顶部的主要内容,如果未能解决你的问题,请参考以下文章

集合视图单元格垂直顶部对齐

动态集合视图单元格的顶部对齐方式应该相同

视图控制器中的集合视图,单元格触摸集合视图本身的顶部边框(嵌入在导航控制器中)

插入视图控制器视图的层次结构时,UIView 不会放在集合视图单元格的顶部

IF 函数将日期格式的单元格留空

插入视图控制器视图的层次结构时,UIView不会直接放在集合视图单元格的顶部