Swift 中使用 CollectionView 进行网格布局

使用CollectionView进行网格布局是Swift中常见的一种布局方式。CollectionView是UIKit中的一个重要组件，用于展示大量数据，并且可以自定义布局样式。在网格布局中，可以将数据按照一定的规则排列成行列之间的网格，使得界面更加美观和整齐。

swift
import UIKit
class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {
    // ...
}

swift
override func viewDidLoad() {
    super.viewDidLoad()
    
    let layout = UICollectionViewFlowLayout()
    layout.itemSize = CGSize(width: 100, height: 100) // 设置每个网格的大小
    layout.minimumLineSpacing = 10 // 设置网格之间的行间距
    layout.minimumInteritemSpacing = 10 // 设置网格之间的列间距
    
    let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: layout)
    collectionView.delegate = self
    collectionView.dataSource = self
    
    view.addSubview(collectionView)
}

swift
func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 1
}
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return 10
}

swift
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
    cell.backgroundColor = UIColor.random
    return cell
}

swift
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    print("Selected item at index: \(indexPath.item)")
}