Swift UICollectionView 🎨自定義區塊！
什麼是 Swift UICollectionView？
Swift UICollectionView 是一個可以讓你自定義區塊的 iOS 元件，它可以讓你在 App 中建立出美觀的介面，並且可以讓你自定義區塊的內容，讓你可以輕鬆地建立出符合你需求的介面。
如何使用 Swift UICollectionView？
使用 Swift UICollectionView 非常簡單，只需要在你的 Xcode 專案中加入 UICollectionView 元件，並且在 ViewController 中加入以下程式碼：
// 建立 UICollectionView
let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: UICollectionViewFlowLayout())
// 設定 UICollectionView 的 delegate 和 dataSource
collectionView.delegate = self
collectionView.dataSource = self
// 將 UICollectionView 加入到畫面中
view.addSubview(collectionView)
接著，你需要實作 UICollectionViewDelegate 和 UICollectionViewDataSource 兩個協定，以便讓 UICollectionView 可以正確地顯示你的資料：
// 實作 UICollectionViewDelegate 和 UICollectionViewDataSource 兩個協定
extension ViewController: UICollectionViewDelegate, UICollectionViewDataSource {
// 設定 UICollectionView 的總共有幾個 section
func numberOfSections(in collectionView: UICollectionView) -> Int {
return 1
}
// 設定每個 section 中有幾個 item
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 10
}
// 設定每個 item 的內容
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath)
cell.backgroundColor = .red
return cell
}
}
總結
Swift UICollectionView 是一個可以讓你自定義區塊的 iOS 元件，使用起來非常簡單，只需要在你的 Xcode 專案中加入 UICollectionView 元件，並且實作 UICollectionViewDelegate 和 UICollectionViewDataSource 兩個協定，就可以輕鬆地建立出符合你需求的介面。
推薦閱讀文章
1. Swift UICollectionView 自定義區塊教學 – Ray Wenderlich
2. Swift UICollectionView 程式碼實作 – AppCoda
3. 自定義 UICollectionView 布局 – Swift 3 系列教學 – Medium
4. 如何建立自定義 UICollectionView 布局 – Hacking with Swift
5. Swift UICollectionView 自定義區塊教學 – YouTube</a
延伸閱讀本站文章
推薦學習youtube影片
