ポイントは以下です。
- 「UICollectionViewDelegateFlowLayout」を継承すること
- UICollectionViewのオブジェクトのdelegateプロパティにselfを格納
- collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath)実装
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
import UIKit class CollectionViewController: UIViewController { // xibファイルのUICollectionViewと紐づけるオブジェクト @IBOutlet var goodsList: UICollectionView! override func viewDidLoad() { super.viewDidLoad() self.goodsList.delegate = self self.goodsList.dataSource = self self.goodsList.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "Cell") } } extension CollectionViewController: UICollectionViewDataSource { // 1Sectionあたりのセルの数 func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return 20 } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) cell.backgroundColor = .cyan return cell } } extension CollectionViewController: UICollectionViewDelegateFlowLayout { // セルのサイズを設定するメソッド func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { return CGSize(width: 117, height: 132) } } |
実行結果
また、以下のようにすることでサイズを変えることも可能です。|
1 2 3 4 5 6 |
extension CollectionViewController: UICollectionViewDelegateFlowLayout { // セルのサイズを設定するメソッド func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { return CGSize(width: 180, height: 180) } } |
