앱 서비스를 사용하다 보면 일자 목록이 아닌 그리드 형태의 아이템이 나열된 것들을 종종 볼 수 있습니다.
이러한 형태는 대부분 Collection View로 구현된 것입니다.
Collection View는 Table View와 사용법이 거의 유사합니다.
조금 다른 점이 있다면, Table View에 비해 Collection View는 조금 더 복잡하고 다양한 형태로 커스터마이징이 가능하다는 것입니다.
Collection View란?
- 하나의 행에 여러 열들을 표현할 수 있습니다.
- 데이터들의 나열을 수평 방향으로 줄 것인지, 수직 방향으로 줄 것인지도 결정할 수 있습니다.
- 기본적으로 table view보다 데이터의 나열이 자유롭기 때문에, 많은 데이터들을 표현할 때에는 collection view를 사용하는 것이 좋습니다.
- 자유로운 데이터 표현 때문에 layout을 관리해 주는 전문적인 객체가 필요합니다. ( UICollectionViewLayout )
protocol & delegate
UICollectionViewDataSource 프로토콜을 채택하면 필수로 구현해 주어야 하는 메서드가 있습니다.
cell을 몇 개를 만들 것인지, 또한 어떤 데이터를 가져오고, 그 데이터를 어떻게 가져올 것인지에 대한 메서드를 구현해 주어야 합니다.
UICollectionViewLayout
collecion view에는 4가지 메서드를 통해서 cell의 layout을 구성하게 됩니다.
-
SizeForItemAt 메서드
Cell 자체의 아이템 크기를 CGSize로 return 합니다.
indexPath를 가져와서 row나 section별로 다르게 크기를 지정하는 것도 가능합니다. -
Contentlnset 메서드
cell에서 content 외부에 존재하는 inset의 크기를 결정합니다. -
MinimumLineSpacing 메서드
cell의 위, 아래 간격을 지정합니다. -
MinimumInterItemSpacing 메서드
cell의 좌, 우 간격을 지정합니다.
앱등이