ios - 渲染 UICollectionView 的单元格时不考虑部分插入

Question

我有一个包含两个部分的 UICollectionView。我从 Storyboard 中给出了 left = 5 和 right = 5 的部分插图。我对两个部分的单元格使用相同的 .xib。我在 sizeForItemAtIndexPath

中输入单元格的大小

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {

        let itemWidth = self.collectionViewTrending.bounds.size.width - 10
        if(indexPath.section == 0) {

                return CGSizeMake(itemWidth , 200)

        } else {

            let product = self.products.objectAtIndex(indexPath.row) as! Product
            let imageHeight = CGFloat(product.imageHeight)
            return CGSizeMake(itemWidth, imageHeight * 0.81)
        }



   }

问题是这样的:

对于第 0 节，单元格居中并且遵守节插图。

对于第 1 部分，左侧部分插图受到尊重，但右侧不是，第 1 部分的所有单元格的右边缘都与 collectionView 的右边缘接触。

为什么会发生这种情况，我该如何解决？

Answer 1

部分插图作为一个整体应用于部分:

左插图影响该部分的左边缘与该部分中第一个单元格的左边缘之间的空间。

右插图影响该部分中最后一个单元格的右边缘与该部分的右边缘之间的空间。

换句话说，您看到的行为可能是因为您在第 0 节中只有一个单元格，而在第 1 节中有多个单元格。

您可能需要的是单元格之间的空间，以便在每个单元格周围创建边框外观。

为此，请在 Storyboard中设置 Collection View 的 Min Spacing/For Cells 属性。或者在 collectionView minimumInteritemSpacingForSectionAtIndex 委托(delegate)方法中动态设置。