“`html

在 iOS 開發中，UITableViewCell 是一個非常重要的元件。透過自定義的 cell，我們可以自由排版，放置各種元件，創造出個性化的介面。本文將介紹如何在 Swift 中創建自定義的 UITableViewCell，並提供完整的教學流程與實作範例。

如何在 Swift 中創建自定義的 UITableViewCell

要創建一個自定義的 UITableViewCell，我們需要首先創建一個 UITableViewCell 的子類別。在這個子類別中，我們可以自由放置各種元件，如 UILabel、UIImageView 等等，並進行排版以達到想要的介面效果。

步驟一：創建自定義的 UITableViewCell 子類別

class CustomTableViewCell: UITableViewCell {
    let label = UILabel()
    let imageView = UIImageView()

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        // 設定 label 的位置與屬性
        label.frame = CGRect(x: 15, y: 10, width: 200, height: 20)
        label.font = UIFont.systemFont(ofSize: 16)
        contentView.addSubview(label)

        // 設定 imageView 的位置與屬性
        imageView.frame = CGRect(x: 15, y: 40, width: 60, height: 60)
        imageView.contentMode = .scaleAspectFill
        imageView.clipsToBounds = true
        contentView.addSubview(imageView)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

步驟二：在 UITableView 中使用自定義的 Cell

接下來，我們需要在 UITableView 的 delegate 方法中設定自定義 cell 的類別，並設定 cell 的內容，如 label 的文字與 imageView 的圖片。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomTableViewCell", for: indexPath) as! CustomTableViewCell

    // 設定 cell 的內容
    cell.label.text = "Hello World"
    cell.imageView.image = UIImage(named: "image.png")

    return cell
}

步驟三：設定 Cell 的高度

為了控制 cell 的高度，我們需要在 UITableView 的 delegate 方法中設定 cell 的高度。

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return 100 // 可依需求調整
}

錯誤排除

在使用自定義 UITableViewCell 時，常見的錯誤包括：

  • 未正確註冊 cell 類別：確保在 viewDidLoad 方法中使用 tableView.register(CustomTableViewCell.self, forCellReuseIdentifier: "CustomTableViewCell") 註冊。
  • 圖片未顯示：確保圖片名稱正確且已加入專案資源中。

延伸應用

自定義 UITableViewCell 可應用於許多場景，例如社交媒體應用中的帖子顯示、商品列表等。你可以根據需求添加更多元件，例如按鈕、星級評價等，以提升用戶互動性。

Swift 自定義 UITableViewCell

Q&A（常見問題解答）

1. 如何在 UITableView 中添加多個自定義的 UITableViewCell？

你可以創建多個不同的 cell 類別，並在 cellForRowAt 方法中根據 indexPath.row 返回不同的 cell。

2. UITableViewCell 的重用機制是如何工作的？

UITableView 使用重用機制來提高性能，當 cell 滾出屏幕時，會被重用以顯示新的內容，這樣可以減少內存使用。

“`
—

Categorized in:

iOSswift

Tagged in:

,