[Swift] Implement UITableView using xib

Introduction

I will write about how to implement a custom cell using .xib when using UITableView. You can use xib to implement the description in calss of a custom cell based on Storyboard.

What to do in this article

Change Label text in xib of UITableViewCell

Implementation

Add TableView

Add a TableView to fill the screen.

Create xib file

Select Cocoa Touch Class and

Select UITableViewCell, check Also Create XIB file and create a file

Add Label

Add Label to Cell and connect to Outlet

Create TableView

Outlet connect TableView and code and write general TableView code () in extension

What is different from the general TableView here is that Register is described.

ViewController.swift

tableView.dataSource = self
tableView.delegate = self
//Set xib as identifier in register
tableView.register(UINib(nibName: "TableViewCell", bundle: nil), forCellReuseIdentifier: "TableViewCell")

The point is to use the identifier set here.

ViewController.swift

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

    return cell
}

Try to build

You should now be able to change the text of the UITableViewCell using xib as at the beginning. If you find it helpful, I would be grateful if you could give me LGTM!