วิธีสร้าง CollectionView Layout ในแอป iOS

CollectionView และ TableView เป็นพื้นฐาน iOS CollectionView รองรับ Scroll แนวนอน/แนวตั้ง เหมือน Grid View ใน Android

อ่านรายละเอียด

CollectionView ประกอบด้วย Cells และ Supplementary Views (Headers/Footers)

ขั้นตอนที่ 1: สร้างโปรเจกต์

Xcode → Single View Application → ชื่อ "SampleCollectionView"

ขั้นตอนที่ 2-6: ตั้งค่าใน Storyboard

เพิ่ม UICollectionView ตั้ง Reuse Identifier = "cell"

สร้าง Cocoa Touch Class CollectionViewCell (UICollectionViewCell) ตั้ง Class ให้ Cell

@IBOutlet collectionView ตั้ง Delegate/DataSource

ขั้นตอนที่ 7-9: โค้ดและรัน

import UIKit
class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {
    @IBOutlet var collectionView: UICollectionView!
    override func viewDidLoad() { super.viewDidLoad() }
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return 500 }
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CollectionViewCell
        cell.backgroundColor = .gray
        return cell
    }
}

Scroll Direction: Vertical (Default) หรือ Horizontal (เปลี่ยนใน Attributes Inspector)