💻Swift 自定義UITableViewCell | 讓你的UITableView更有自己的特色 💻

💻Swift 自定義UITableViewCell | 讓你的UITableView更有自己的特色 💻

在 iOS 開發中，UITableView 是一個非常常見的元件，它可以讓開發者快速地建立出一個列表的介面，但是有時候，我們會想要讓 UITableView 的每一個 cell 更有自己的特色，這時候就需要使用自定義 UITableViewCell 來完成。

在 Swift 中，自定義 UITableViewCell 非常簡單，只需要以下幾個步驟：

1. 建立一個 UITableViewCell 的子類別，並且在 Storyboard 中將 cell 的 class 設定為該子類別
2. 在子類別中，建立一個 IBOutlet 來接收 Storyboard 中的 UI 元件
3. 在子類別中，建立一個 IBAction 來接收 Storyboard 中的 UI 元件的事件
4. 在 UITableView 的 delegate 中，使用子類別來建立 cell，並且將資料傳入 cell 中

以下是一個簡單的範例，假設我們有一個自定義的 UITableViewCell，它有一個 UILabel 和一個 UIButton，我們可以這樣實作：

// 建立一個 UITableViewCell 的子類別
class CustomTableViewCell: UITableViewCell {
    // 建立一個 IBOutlet 來接收 Storyboard 中的 UI 元件
    @IBOutlet weak var label: UILabel!
    @IBOutlet weak var button: UIButton!

    // 建立一個 IBAction 來接收 Storyboard 中的 UI 元件的事件
    @IBAction func buttonTapped(_ sender: Any) {
        print("Button tapped!")
    }
}

// 在 UITableView 的 delegate 中，使用子類別來建立 cell，並且將資料傳入 cell 中
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomTableViewCell", for: indexPath) as! CustomTableViewCell
    cell.label.text = "Hello World!"
    return cell
}

透過以上的步驟，我們就可以輕鬆地建立出自定義的 UITableViewCell，讓你的 UITableView 更有自己的特色！

推薦閱讀文章

Customizing a Table View’s Appearance
How to Customize Table View Cells for UITableView
How to create a custom UITableViewCell using Swift
Custom UITableViewCell Tutorial in Swift and iOS 8
Custom UITableViewCell Tutorial in Swift</a

延伸閱讀本站文章

更多swift相關文章

推薦學習youtube影片

Swift: Multiple Custom Cells TableView (Swift 5, Xcode 11, iOS)