UICollectionViewCompositionalLayout 🍎

1️⃣ 정의

유연하고 다양한 방식으로 콘텐츠를 배치하는 레이아웃 객체, 이를 사용하면 콘텐츠를 자유롭게 조합하여 원하는 시각적 배열을 만들 수 있음

@MainActor
class UICollectionViewCompositionalLayout : UICollectionViewLayout

2️⃣ 설명

• compositional 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
}

---

출처📚

🍎Apple Docs: UICollectionViewCompositionalLayout