【Swift入門】UITableViewに新しいセルを挿入する方法をわかりやすく解説

UITableViewへのセル挿入の基本

UITableViewに新しいセルを挿入するには、まずテーブルビューセルを作成し、その後「cellForRowAt」メソッドを使ってテーブルビューに追加します。

セルの作成方法は大きく分けて2つあります。ひとつはStoryboardを使用する方法、もうひとつはUITableViewCellクラスからnib（XIB）ファイルを作成する方法です。本記事では、より手軽なStoryboardを使った手順を紹介します。

1. テーブルビューの配置とアウトレット接続

まず、ViewController上にテーブルビューをドラッグ＆ドロップで配置し、そのアウトレットをViewControllerクラスに接続します。これにより、コード側からテーブルビューを操作できるようになります。

2. カスタムセルの作成

次に、先ほど配置したテーブルビューの中にセルを作成し、「CustomCell」という名前のクラスを新規作成して、セルにそのクラスを割り当てます。

セルのIdentifier（再利用ID）には「CustomCell」という文字列を設定してください。このIDは、後ほどコード内でセルを再利用する際に必要になります。

さらに、セル内にUILabelを追加し、識別しやすいようにテキストを「CustomCell」に変更しておきましょう。ラベルは垂直・水平方向ともに中央に配置すると見栄えが良くなります。

3. データソースメソッドの実装

続いて、ViewControllerクラスに以下のコードを追加します。

func numberOfSections(in tableView: UITableView) -> Int {
   return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
   return 5
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
   let cell = tblView.dequeueReusableCell(withIdentifier: "CustomCell") as! CustomCell
   return cell
}

ここで重要なのが「dequeueReusableCell(withIdentifier:)」メソッドです。このメソッドは、画面から見えなくなったセルを再利用することでメモリ消費を抑え、スクロール時のパフォーマンスを向上させる仕組みを持っています。引数に渡すIdentifierが、Storyboardで設定したものと完全に一致している必要がある点に注意してください。

また、「numberOfRowsInSection」で返している「5」は表示するセルの数です。この値を変更すれば、表示される行数も変わります。

4. 実行結果の確認

このコードを実行してアプリをシミュレーターまたは実機で起動すると、デバイス上では次のように5つのカスタムセルが縦に並んで表示されます。