[iOS - swift] 3. collectionView 레이아웃 개념 (UICollectionViewFlowLayout)

1. collectionView 개념

2. collectionView 구현, custom cell

3. collectionView 레이아웃 개념 (UICollectionViewFlowLayout)

* CollectionView(컬레션 뷰) - self resizing cell, custom Layout 방법 참고: https://ios-development.tistory.com/629

UICollectionViewFlowLayout

• CollectionView에는 CollectionViewLayout라는 객체가 있고, 이 객체가 cell들의 레이아웃과 스타일을 담당
• 크게 FlowLayout과 CustomLayout이 존재
  • FlowLayout: default되어 있는 옵션
  • customLayout: 직접 Layout 클래스를 상속받아서 구현
• FlowLayout: 셀을 선형 경로에 배치하고 최대한 행 또는 열을 따라 많은 셀을 채우는 레이아웃
  • 만약 현재의 행에 더이상 셀이 들어갈 수 없다면 새로운 행을 만들어서 다음 셀에 삽입

FlowLayout (이미지 출처: https://seoyoung612.tistory.com/117?category=790470)

FlowLayout (이미지 출처: https://seoyoung612.tistory.com/117?category=790470)

• 컨텐츠 사이의 여백을 수정할땐 inset 프로퍼티 사용

이미지 출처: https://seoyoung612.tistory.com/117?category=790470

 

* 참고

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