UICollectionView #1 튜토리얼

ios Application을 만들기위해 xcode에서 제공하는 여러 도구 중에서 UICollectionViewController에 대해 알아보자.

 

아이폰 기본 사진어플이나 앱스토어, Pinterest 등에서 사용되고있다.

 

 

 

UICollectionViewController

CollectionViewController를 재사용할 수 있게 하기위해 UICollectionViewController를 제공한다. 이 클래스는 UIViewController, UICollectionViewDataSource, UICollectionViewDelegate를 상속받는 클래스로 CollectionView를 구현하기 위해 필요한 필드와 메소드들이 정의되어있다.

 

 

 

UICollectionViewDataSource

CollectionView를 구성하기 위해 필요한 데이터들을 정의한다. section의 갯수, section을 구성하는 cell의 갯수, cell 자체까지 정의할 수 있다.

numberOfSection(in: ) -> Int

CollectionView는 크게 section으로 범위를 나누고 그 안에 cell들을 배치하는 식인데 이 때 전체 CollectionViewController에서 사용할 section 갯수를 반환해주어야 한다. override 하지 않으면 default 1개의 section을 생성하며 필요에 따라 함수를 override해서 재사용할 수 있다.

collectionView(_ :numberOfItemInSection: ) -> Int

파라미터로 받는 section에 cell을 몇 개 배치할 지 반환한다. section이 1개라면 이 함수는 한 번만 호출되어 해당 section에 몇 개의 cell을 배치할지 결정하겠지만 section이 여러개라면 갯수 만큼 호출되어 각 section에 배치할 cell 갯수를 반환해주어야 한다. section 번호는 0번부터 사용한다. override하지 않으면 default 0개의 cell을 배치하는 것으로 설정되기 때문에 override해서 필요한 값을 반환해주어야 한다.

collectionView(_ :cellForItemAt: ) -> UICollectionViewCell

각 cell에 대해 사용할 cell을 반환한다. indexPath는 section마다 독립적으로 카운트되는 값이므로 모든 section의 첫 번째 cell은 0번 cell이다.

 

 

 

UICollectinoViewDelegate

CollectionView에서 발생하는 이벤트들을 처리하도록 해주는 콜백 메소드들이 정의되어있다. cell을 터치하거나 선택했을 때 어떻게 처리할지 정의할 수 있다.

• select : cell을 Tap할 때 발생하는 이벤트를 처리하는 루틴
• highlight : cell을 TouchDown/Up할 때 발생하는 이벤트를 처리하는 루틴

collectionView(_ :shouldSelectItemAt: ) -> Bool

select 할 수 있는 cell의 flag를 설정한다. 생성된 모든 cell의 갯수만큼 호출되며 indexPath.item 번호를 기준으로 어떤 cell이 선택될 수 있는 cell이 될 지 설정할 수 있다.처음에만 호출되는 것이 아니라 cell을 tap할 때마다 호출된다. shouldSelectItemAt이나 didSelectItemAt보다 먼저 호출되기 때문에 false를 반환하고 필요한 처리를 여기서 할 수도 있다.

collectionView(_ :didSelectItemAt: )

select 할 수 있는 cell을 tap 하면 발생하는 이벤트. 주로 indexPath를 이용해서 해당 cell을 식별해서 특정 작업을 수행한다.

collectionView(_ :shouldHighlightItemAt: ) -> Bool

highlight 될 수 있는 cell의 flag를 설정한다.

collectionView(_ :didHighlightedItemAt: )

touch down된 cell이 있으면 해당 indexPath와 함께 호출된다.

collectionView(_ :didUnhighlightedItemAt: )

touch up된 cell이 있으면 해당 indexPath와 함께 호출된다.