[ios/swift] 컬렉션뷰 가로스크롤(storyboard)

여러모로 많이 애를 먹엇던 테이블뷰 가로스크롤. 정리해보자.

 

 

우선, 컬렉션뷰를 하나 올려주고 크기를  설정해줍니다.

 

그다음 CollectionViewCell의 identifier를 설정해줍니다.

 

CollectionView와 ViewController를 우클릭으로 연결하여 datasource와 delegate를 연결해줍니다

(코드베이스의 경우 collectionview.datasource = self  와 동일합니다.

그다음 원하는 사진을 assets에 넣어줍니다.

이후 imageView 를 cell에 넣어준 후 레이아웃을 잡고 image파일을 하나 삽입합니다.

 

mycollectionview 라는 파일을 하나 생성하고 (UICollectionViewCell) 스토리보드와 해당 파일을 custom class와 함께 연결해줍니다.

imageview와 새로 생성한 collection파일을 연결해줍니다

(중간에 파일을 다시 만들어서 이름이 다른데 MyCollectionViewCell과 동일합니다)

그다음, viewcontroller와 컬렉션뷰를 연결해줍니다.

컬렉션뷰의 설정을 가로로 맞추기 위해 설정을 가로로 세팅합니다.

viewControlle에 image assets에 넣어둔 파일을 배열로 설정합니다.

 

viewcontroller 하단에 확장을 통해 해당되는 프로토콜을 채택합니다.