관리 메뉴

김종권의 iOS 앱 개발 알아가기

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

iOS 응용 (swift)

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

jake-kim 2021. 6. 3. 01:20

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

 

Comments