[iOS] UICollectionView Compositional Layout 알아보기

UICollectionViewCompositionalLayout

적응성이 뛰어나고 유연한 시각적 배열로 아이템을 결합 할 수 있는 레이아웃

Declaration

class UICollectionViewCompositionalLayout : UICollectionViewLayout

Overview

컴포지셔널 레이아웃은 컬렉션 뷰 레이아웃의 한 type입니다.

컴포저블하게, 유연하게, 빠르게 설계되었으며, 각각의 작은 컴포넌트를 전체 레이아웃으로 결합하거나 구성하여 컨텐츠의 시각적 배열을 구성할 수 있습니다.

 

컴포지셔널 레이아웃은 레이아웃을 별개의 시각적 그룹으로 나누는 하나 이상의 섹션으로 구성됩니다.

각 섹션은 표시할 데이터의 최소 단위인 개별 아이템 그룹으로 구성됩니다.

그룹은 아이템을 수평 행, 수직 열 또는 커스텀 배열에 배치할 수 있습니다.

다음 기본 레이아웃 리스트와 같이 전체 레이아웃, 섹션의 그룹, 그룹의 아이템으로 빌드업 하면서 컴포넌트를 결합할 수 있습니다.

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
}

developer.apple.com/documentation/uikit/uicollectionviewcompositionallayout

Apple Developer Documentation

이 클래스를 이용하면 행, 열 모두 움직이는 컬렉션 뷰를 만들 수 있습니다.

테이블 뷰에 컬렉션 뷰를 넣어서 표현했던 것도 컬렉션 뷰로만 만들 수 있습니다.

이걸 왜 이제알았닝..