[Apple] UICollectionViewCompositionalLayout

Reference

• 내용전반: Apple문서

Overview

compositional layout
compositional layout은 CollecionView layout의 한 종류입니다. 이것은 구성가능하고, 유연하고 빠르도록 설계됩니다. 또한 작은 layout component들을 결합하여 만들 수 있게 함으로써 어떠한 정렬 구조든 만들 수 있게 해줍니다

section마다 Layout을 달리할 수 있다
componsitional layout은 전체 layout을 뚜렷한 시각적인 그룹들로 나누는 하나 이상의 section으로 구성됩니다. 각 section은 개별 item들의 그룹들로 구성됩니다. 하나의 그룹 내에서 item들을 vertical/horizontal 방향으로 놓거나 혹은 custom 정렬을 정의할 수도 있습니다

layout components 결합
당신은 item들을 group으로 / group들을 section으로 / section들을 전체 layout으로 결합할 수 있습니다 (아래 코드 참고)

func createBasicListLayout() -> UICollectionViewLayout { 
    let itemSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0),                                  
                                         heightDimension: .fractionalHeight(1.0))    
    let item = NSCollectionLayoutItem(layoutSize: itemSize)  
  
    let groupSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0),                                          
                                          heightDimension: .absolute(44))    
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize,                                                   
                                                     subitems: [item])  
  
    let section = NSCollectionLayoutSection(group: group)    

    let layout = UICollectionViewCompositionalLayout(section: section)    
    return layout
}