Collection View(UICollectionView) 컬렉션뷰

Collection View(UICollectionView) 컬렉션뷰

https://developer.apple.com/library/archive/documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/Introduction/Introduction.html#//apple_ref/doc/uid/TP40012334-CH1-SW1

https://www.raywenderlich.com/18895088-uicollectionview-tutorial-getting-started

컬렉션뷰란 아이폰의 사진 앱처럼, 여러 항목을 나열하는 레이아웃이다.

컬렉션뷰에 중요한 것은 뷰들을 가져와서 배치하는 것일 뿐, 그 내용은 중요하지 않다.

Understanding the interactions between the collection view, its data source, the layout object, and your custom objects is crucial for using collection views in your app, particularly in smart and efficient ways.

컬렉션뷰, 데이터소스, 레이아웃 객체, 커스텀 객체 간의 상호작용을 이해하는 것이 중요하다.

• 다른 모든 뷰들과 같이 셀과 레이아웃 조정에 제스처 인식기(Gesture Recognizer)를 사용할 수 있다.
• Custom Layout를 만들어 사용하는 것도 가능하다.

컬렉션뷰는 테이블뷰에 비해...

테이블뷰와 비교했을 때 데이터 나열이 더 자유롭다.

테이블뷰와 같이 Datasource & Delegate 프로토콜을 이용하는 패턴을 사용한다.

UICollectionView의 구성요소

• UICollectionView : 컨텐츠가 배치되는 메인 뷰. UITableView와 비슷하게 생겼다. 테이블뷰와 마찬가지로 UIScrollView의 하위 클래스이다.
• UICollectionViewCell : UITableViewCell과 비슷하다. 뷰의 컨텐츠를 구성하며 컬렉션 뷰의 하위 뷰이다. cell은 코드 또는 InterfaceBuilder로 만들 수 있다.
• Supplementary Views : 컬렉션 뷰 안에 있어야 하지만 셀 안에 넣을 수 없는 부가 정보를 보여줄 때 사용한다. 개발자들은 보통 supplementary view를 header나 footer에 사용한다.

컬렉션뷰도 DecorationViews를 가질 수 있다. DecorationView는 정보를 담진 않지만 컬렉션뷰의 외양을 좋게 하기 위해 뷰를 추가하기 위해 사용한다(배경 이미지, 장식물 등). DecorationView를 사용하기 위해서는 커스텀 레이아웃 클래스를 작성해야 한다.

UICollectionViewLayout 사용하기

위의 구성요소 외에, 컬렉션뷰는 레이아웃 객체를 가진다. 레이아웃 객체는 컨텐츠의 크기, 위치 등의 속성을 담당한다.

레이아웃 객체는 UICollectionViewLayout의 하위 클래스이다. 실행 중에 레이아웃을 바꿀 수 있다. 심지어 자동으로 한 레이아웃에서 다른 레이아웃으로 바꾸는 애니메이션을 넣을 수도 있다.

커스텀 레이아웃을 만들기 위해 UICollectionVieweLayout을 상속할 수 있지만, 애플이 flow기반의 기본 레이아웃인 UICollectionViewFlowLayout을 제공한다. 요소(element)는 grid view와 같이 크기에 따라 차례대로 배치된다. 흥미로운 동작과 시각적 효과를 사용하기 위해 이 레이아웃 클래스(또는 그 하위 클래스)를 사용할 수 있다.

---

• 코드 기반으로 UICollectionView 구현하기
• UICollectionViewCell 배치하고 랜덤 색상 지정하기

---