컬렉션 뷰의 특징

특징

• 스크롤 방향
  • 기존에 사용하던 TableView 같은 경우에는 오로지 수직으로만 스크롤이 가능했지만 컬렉션 뷰에서는 가로 혹은 세로로 스크롤 방향을 선택할 수 있습니다.
• 셀 간의 간격 조정하기
  • 테이블 뷰에서는 셀간의 간격을 줄 수 없어 어쩔수 없이 셀간의 간격이 있는것 처럼 ‘보이게’하는 눈속임이 있었습니다. 컬렉션 뷰에서는 셀간의 가로, 세로 간격을 정할 수 있게 되었습니다.
• 내부 간격(Inset)
  • 디자인에서는 Padding(패딩)이라고도 표현하는데요, 컬렉션 뷰 영역에서 상하좌우로 일정 부분만큼을 빼고 스크롤이 되도록 하는 Inset이 존재합니다. UI에 따라서 인셋을 주지 않고 CollectionView의 컨스트레인트로 눈속임을 하기도 합니다.

테이블 뷰와 비교하기

Cell

셀 파일의 경우 tableView와의 가장 큰 차이점은 init구문입니다. tableView에서 쓰던 **override** **init**(style: UITableViewCell.CellStyle, reuseIdentifier: String?) 이 아닌 단순한 **override** **init**(frame: CGRect)으로 대체가 됩니다.

이외에는 셀파일은 동일하게 contentView를 가지게 되고 이 컨텐츠뷰에 UI 컴포넌트들을 넣고 배치합니다. 또한 cell identifier도 똑같이 필수이기 때문에 static하게 만들어두시면 좋습니다 😊

delegate / dataSource

TableView와 마찬가지로 delegate, dataSource를 채택해서 뷰를 그립니다. 다만 메서드의 이름이 조금씩 다를수 있으니 이점에 유의해주세요~!

cellForRowAt → cellForItemAt

numberOfRowsInSection → numberOfItemsInSection

직접 작성해보기