22.07.20 ㅣ UICollectionViewController & Struct 구조체 활용

 

 

 

UICollectionViewController 

 

 

 

UICollectionViewController 는 위와 같은 형태의 씬을 만들 때 사용되는 Controller 입니다. 위와 같은 형태의UICollectionViewController를 만들기 위해서는 UICollectionViewFlowLayout 의 개념이 사용됩니다.

 

 

- itemSize 

layout.itemSize = CGSize(width: width/2, height: width/2)

위와 같이 기본적인 아이템의 사이즈를 초기화할 때 사용되는 코드입니다. 

 

 

- minimumLineSpacing

 

minimumLineSpacing 란 cell 의 크기가 다양할 때 최소한 이 정도는 떨어져 있어야 한다는 개념입니다. 

 

 

- minimumInteritemSpacing 

 

minimumLineSpacing 이 상하간격을 나타냈다면 minimumInteritemSpacing 는 좌우 간격의 최소 간격을 나타냅니다. 

 

 

- SectionInset

layout.sectionInset = UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing)

 

 

 

SectionInset는 위 사진의 테두리 부분의 간격을 나타내는 개념입니다. 

 

 

Struct 구조체 활용

 

UICollectionView 에서 한 Cell 안에 다양한 내용을 담을 때, 유용하게 쓸 수 있는 방법은 Struct 구조체를 활용하는 방법입니다.

 

 

 

 

우선 이렇게 새로운 Swift 파일에 Cell 안에 들어갈 요소들을 선언해줍니다. 이를 선언하는 이유는 인스턴스를 통해 BookStruct의 프로퍼티에 접근하기 위해서입니다. 

 

 

그리고 나서, 모든 책을 포괄하는 BookInfo 라는 더 큰 구조체를 만듭니다. 이어서, book 이라는 새로운 변수에 BookStruct가 들어가는 배열을 만들어준 후 각 Cell 에 들어갈 내용들을 적어줍니다.

 

그러면 이제 bookName을 통해 BookInfo 에 접근이 가능해졌습니다. 

 

 

Kingfisher 라이브러리를 활용해서, 링크만을 이용해 이미지뷰에 이미지를 넣는 작업도 진행하였습니다. 여기서 선언한 data 는 bookName 배열에 들어가는 각 원소들을 의미합니다.