如何使用 UICollectionViewController 设置具有多个部分的 1 header

Question

I need some help. I'm struggling on how to setup a view like this one using UICollectionViewController. The data per sections is different. Maybe someone can help me. thank you!

 ----------- | HEAD | ----------- |Section 1| ----------- | A | B | ----------- | C | D | ----------- | E | F | ----------- | foot | ----------- |Section 2| ----------- | A | B | ----------- | C | D | ----------- | E | F | ----------- | foot | -----------

Answer 1

You can have a section check while returning header view through this delegate method

func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
    var reusableview = UICollectionReusableView()
    if (kind == UICollectionElementKindSectionFooter) {
      if section == 0{
          reusableview = customHeaderCell //Header View You want
      }
    }
    else{
        reuableView = customFooterHeaderCell // Footer View
    }
    return reusableview
}

Answer 2

Here's a simple implementation, that only overrides an optional method on the UICollectionViewDataSource protocol:

func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 3
}

func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
    switch kind {
    case UICollectionElementKindSectionHeader:
        let section = indexPath.section

        switch section {
        case 0:
            let TitleHeader = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: homeHeaderReuseIdentifier, for: indexPath) as! TitleHeader
            return TitleHeader
        default:
            let Section1Header = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: sectionSpacingHeaderReuseIdentifier, for: indexPath) as! Section1Header
            return Section1Header
        }
    case UICollectionElementKindSectionFooter:
        let FooterView = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: homeFooterReuseIdentifier, for: indexPath) as! FooterView
        return FooterView
    default:
        return UICollectionReusableView()
    }
}


func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {
    return CGSize(width: collectionView.frame.width, height: 100.0)
}
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForFooterInSection section: Int) -> CGSize {
    return CGSize(width: collectionView.frame.width, height: 100.0)
}