Compositional Layout 에서 header, Footer 잡는 법

NSCollectionLayoutGroup

목적

• UICollectionViewCompositionalLayout 을 잡고 섹션별로 NSCollectionLayoutSection을 잡을 때, Header View, Footer View를 포함 시키기 위함

사용법

• 일반적인 콜렉션뷰나 테이블 뷰에서, ReusableView 추가하는 방식으로 그대로 하고, NSCollectionLayoutSection 에서도 section.boundarySupplementaryItems 에 추가를 해줘야함
• 일반적인 콜렉션뷰나 테이블 뷰에서 Header View, Footer View 표시하는 로직
  1. 헤더뷰 클래스 생성
  2. 콜렉션 뷰에서 view 클래스 레지스터
  3. VC에서 CollectionViewDelegateFlowLayou 프로토콜 채택
  4. referenceSizeForHeaderInSection (혹은 Footer) 가 매개변수로 있는 메서드 구현

구현 샘플 코드

더 고민하면 좋을 내용

• UICollectionViewCompositionalLayout
• NSCollectionLayoutSection
• 팩토리 메서드 패턴

출처

• 싱하 조언
• https://developer.apple.com/documentation/uikit/nscollectionlayoutsection/3199089-boundarysupplementaryitems

Apple Developer Documentation

* https://developer.apple.com/documentation/uikit/nscollectionlayoutsection

Apple Developer Documentation