드디어 예제를 가지고 왔습니다 !! Example) 포켓몬 도감 2 !! 설명이 길 수 있어서 세세한 부분은 좀 생략을 했습니다 잘 따라와주세요 ! 먼저 스토리보드에 UICollectionView를 뷰 전체 사이즈로 추가해 주시구요. ViewController에 레퍼런스를 따옵니다. (IBOutlet weak var ...) //ViewController.swift private var pokemons: [UIImage] { var pokemons:[UIImage] = [] for i in 0...50 { let index = i % 16 let image = UIImage(named: "pokemon\(index)")! pokemons.append(image) } return pokemons } 미리 ..
이전 시간에 UICollectionViewCell, UICollectionViewDataSource, UICollectionViewDelegate에 대해서 알아보았구 이번 포스팅에서는 컬렉션뷰의 셀을 원하는 형태로 정렬하고 간격을 지정하는 등의 기능을 하는 UICollectionViewFlowLayout에 대해서 알아보겠습니다. 예제는 다음..에 있어요 ㅎㅎ UICollectionViewFlowLayout UICollectionViewFlowLayout 클래스를 사용하면 컬렉션뷰의 셀을 원하는 형태로 정렬할 수 있습니다. 플로우 레이아웃은 레이아웃 객체가 셀을 선형 경로에 배치하고 최대한 이 행을 따라 많은 셀을 채우는것을 의미합니다. 현재 행에서 레이아웃 객체의 공간이 부족하면 새로운 행을 생성하고 거..
단순 리스트를 보여주는 UITableView 이외에 UICollectionView 는 변경가능하고 유연한 레이아웃을 사용하여 다양한 레이아웃을 보여줄 때 많이 활용됩니다. 컬렉션뷰의 구성요소 셀(cell) 컬렉션뷰의 주요 콘텐츠를 표시합니다. 컬렉션뷰는 컬렉션뷰 데이터 소스 객체에서 표시할 셀에 대한 정보를 가져옵니다. 각 셀은 UICollectionViewCell 클래스의 인스턴스 또는 UICollectionViewCell을 상속받은 클래스의 인스턴스입니다. 보충 뷰(Supplementary views) 섹션에 대한 정보를 표시합니다. 셀과 달리 보충 뷰는 필수는 아니며, 사용법과 배치 방식은 사용되는 레이아웃 객체가 제어합니다. 헤더와 푸터를 예로 들 수 있습니다. 데코레이션 뷰(Decoration ..