使用Compositional Layout时如何在cellForItem中识别特定单元格

问题背景 #

我使用Compositional Layout创建了UICollectionView，布局代码如下：

func getCompositionalLayout() -> UICollectionViewCompositionalLayout {
    
    let item = NSCollectionLayoutItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .fractionalHeight(1/3)))
    item.contentInsets = NSDirectionalEdgeInsets(top: 1, leading: 1, bottom: 1, trailing: 1)

    //--------- Group 1 ---------//
    let group1Item1 = NSCollectionLayoutItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1/2), heightDimension: .fractionalHeight(1)))
    group1Item1.contentInsets = NSDirectionalEdgeInsets(top: 1, leading: 1, bottom: 1, trailing: 1)

    let nestedGroup1Item1 = NSCollectionLayoutItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .fractionalHeight(1/2)))
    nestedGroup1Item1.contentInsets = NSDirectionalEdgeInsets(top: 1, leading: 1, bottom: 1, trailing: 1)

    let nestedGroup2Item1 = NSCollectionLayoutItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1/2), heightDimension: .fractionalHeight(1)))
    nestedGroup2Item1.contentInsets = NSDirectionalEdgeInsets(top: 1, leading: 1, bottom: 1, trailing: 1)
    
    let nestedGroup2 = NSCollectionLayoutGroup.horizontal(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .fractionalHeight(1/2)), subitems: [nestedGroup2Item1])
    
    let nestedGroup1 = NSCollectionLayoutGroup.vertical(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1/2), heightDimension: .fractionalHeight(1)), subitems: [nestedGroup1Item1, nestedGroup2])

    let group1 = NSCollectionLayoutGroup.horizontal(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .fractionalHeight(1/3)), subitems: [group1Item1, nestedGroup1])

    //--------- Group 2 ---------//
    let group2Item1 = NSCollectionLayoutItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1/3), heightDimension: .fractionalHeight(1)))
    group2Item1.contentInsets = NSDirectionalEdgeInsets(top: 1, leading: 1, bottom: 1, trailing: 1)

    let group2 = NSCollectionLayoutGroup.horizontal(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .fractionalHeight(1/3)), subitems: [group2Item1])

    //--------- Container Group ---------//
    let containerGroup = NSCollectionLayoutGroup.vertical(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .absolute(600)), subitems: [item, group1, group2])

    let section = NSCollectionLayoutSection(group: containerGroup)
    let layout = UICollectionViewCompositionalLayout(section: section)
    return layout
}

当前CollectionView呈现对应布局效果，我需要在cellForItemAt方法中识别Group 1中的group1Item1（红色单元格），为它展示不同内容，但目前无法识别该单元格。

解决方法 #

核心思路 #

给目标布局Item设置唯一标识，在数据源方法中通过布局属性获取该标识，从而区分不同类型的单元格。这种方式灵活可靠，不受布局结构变化的影响。

步骤1：给目标布局Item添加唯一标识 #

在创建group1Item1时，设置它的registrationIdentifier：

let group1Item1 = NSCollectionLayoutItem(layoutSize: NSCollectionLayoutSize(widthDimension: .fractionalWidth(1/2), heightDimension: .fractionalHeight(1)))
group1Item1.contentInsets = NSDirectionalEdgeInsets(top: 1, leading: 1, bottom: 1, trailing: 1)
group1Item1.registrationIdentifier = "LargeFeaturedCell" // 添加唯一标识

步骤2：在cellForItemAt中识别目标单元格 #

通过UICollectionViewLayoutAttributes获取当前单元格对应的布局Item标识，据此进行差异化内容配置：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // 获取当前单元格的布局属性
    guard let layoutAttrs = collectionView.layoutAttributesForItem(at: indexPath),
          let itemIdentifier = layoutAttrs.layoutItem?.registrationIdentifier else {
        // 默认单元格配置
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "DefaultCell", for: indexPath)
        cell.backgroundColor = .lightGray
        return cell
    }
    
    if itemIdentifier == "LargeFeaturedCell" {
        // 红色单元格的差异化配置
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "FeaturedCell", for: indexPath)
        cell.backgroundColor = .red
        // 在这里设置特定内容，比如加载不同图片、文本等
        return cell
    } else {
        // 其他单元格的常规配置
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "DefaultCell", for: indexPath)
        cell.backgroundColor = .lightGray
        return cell
    }
}

备选方案（不推荐） #

如果不想使用标识，也可以通过硬编码indexPath位置判断，但这种方式在布局结构调整后会失效。比如根据当前布局，group1Item1是section中的第2个item（indexPath.item == 1），但这种方式灵活性极低，仅适合固定不变的布局。

内容的提问来源于stack exchange，提问作者Gulam Ali