드디어 예제를 가지고 왔습니다 !! 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 클래스를 사용하면 컬렉션뷰의 셀을 원하는 형태로 정렬할 수 있습니다. 플로우 레이아웃은 레이아웃 객체가 셀을 선형 경로에 배치하고 최대한 이 행을 따라 많은 셀을 채우는것을 의미합니다. 현재 행에서 레이아웃 객체의 공간이 부족하면 새로운 행을 생성하고 거..
이전에서 UICollectionView의 구성요소와 레이아웃, 구현을 위한 클래스, 프로토콜을 톺아보았습니다 ;) 이번에는 UICollectionViewCell, UICollectionViewDataSource, UICollectionViewDelegate에 대해서 알아보겠숩니다. 예제는 다음다음시간에... UICollectionViewCell 컬렉션뷰 셀의 구성요소 관련 프로퍼티 //셀의 콘텐츠를 표시하는 뷰입니다. var contentView: UIView /*셀의 배경을 나타내는 뷰입니다. 이 프로퍼티는 셀이 처음 로드되었을 경우와 셀이 강조 표시되지 않거나 선택되지 않을 때 항상 기본 배경의 역할을 합니다.*/ var backgroundView: UIView? /*셀이 선택되었을 때 배경뷰 위에 ..