[iOS/Swift] UICollectionViewFlowLayout 알아보기

Mister Mister님의 사진: https://www.pexels.com/ko-kr/photo/380782/

UICollectionViewFlowLayout

• 레이아웃 오브젝트
• UICollectionViewController의 이니셜라이저에 넘겨주는 파라미터 collectionViewLayout 값.

init(collectionViewLayout: UICollectionViewLayout)

• 각 섹션의 헤더와 푸터를 옵셔널 값으로 하여 그리드를 구성함

@MainActor class UICollectionViewFlowLayout : UICollectionViewLayout

• collection view layout 타입 
• flow layout은 collection view의 델리게이트 오브젝트와 함께 동작하며 각 섹션 안에 아이템(셀), 헤더, 푸터의 사이즈를 결정하는 역활을 함
• 델리게이트 오브젝트는 UICollectionViewDelegateFlowLayout 프로토콜을 따라야 함
• 델리게이트 객체는 레이아웃 정보를 다이나믹하게 조정할 수 있게 해줌 -> 각각의 셀 크기를 다르게 설정할 수 있음

UICollectionViewLayout

• collection view의 레이아웃 정보를 생성하기 위한 abstract base class

@MainActor class UICollectionViewLayout : NSObject

• 셀, 푸터나 헤더와 같은 supplementary views, collection view의 bounds 안에 있는  decoration views 배치를 결정하며 이 정보를 collectionView에게 알림

서브 클래싱

• layout 오브젝트는 컬렉션 뷰 안에 있는 아이템의 위치, 사이즈, visual state를 정의
• 레이아웃을 위한 뷰는 컬렉션 뷰의 데이터 소스에 의해서 생성됨
• 셀 : 사용자에 의해 selecting, dragging, reordering 가능. 컬렉션 뷰는 single group of cells를 가질 수 있거나 셀을 여러 섹션으로 분류 할 수 있음
• supplementary views : (헤더와 푸터가 여기에 해당) 유저에 의해서 selected 불가. 옵셔널.
• decoration views : 뱃지와 같은 비쥬얼 적인 요소. 컬렉션 뷰의 데이터와 연결되어 있지 않음. supplementary view의 다른 타입이라고 할 수 있음. 옵셔널.
• 컬렉션 뷰는 여러 타이밍에 elements를 배치하기 위한 정보를 layout 오브젝트에게 요청함
• 모든 셀과 스크린에 나타나는 뷰는 레이아웃 오브젝트로 부터 받은 정보를 가지고 화면에 배치하게 됨

Methods to Override

• 컬렉션 뷰 컨텐츠의 높이와 넓이

var collectionViewContentSize: CGSize { get }

 

• 지정된 범위의 모든 셀과 뷰에 대한 layout attributes.

func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]?

 

• 지정된 indexPath에 있는 항목에 대한 레이아웃 정보를 해당 셀과 함께 반환

func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes?

 

• 새로운 bounds의 레이아웃 업데이트가 필요한지 여부를 레이아웃 개체에게 요청

func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool

 

 

 

UICollectionViewLayoutAttributes란

UICollectionViewLayout의 속성들은 UICollectionViewLayoutAttributes의 인스턴스

 

참고 사이트 및 도서

https://developer.apple.com/documentation/uikit/uicollectionviewlayout

https://developer.apple.com/documentation/uikit/uicollectionviewflowlayout