iOSでTableViewのセル背景色を変更する方法を徹底解説

はじめに

iOSアプリ開発において、TableViewのアイテム（セル）の背景色を変更する方法は、TableView自体の背景色を変更する方法とは異なります。この2つは混同されやすく、特に初心者のプログラマーがよく間違えるポイントです。本記事では、TableViewの各セルの背景色を変更する具体的な手順をわかりやすく解説します。

セルの背景色を変更する基本

TableViewのセル背景色を変更するには、セルのcontentView.backgroundColorプロパティを使用します。セル自体ではなく、その中にあるcontentViewに対して色を設定するのがポイントです。

cellForRowAt indexPathメソッド内に、以下のコードを追加してください。

cell.contentView.backgroundColor = UIColor.cyan

実装コードの全体像

上記のコードを組み込むと、cellForRowAt indexPathメソッドは次のようになります。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCell
    cell.contentView.backgroundColor = UIColor.cyan
    return cell
}

このコードでは、まず再利用可能なセルを取得し、そのcontentViewの背景色をシアン色（UIColor.cyan）に設定しています。最後にセルを返すことで、画面に反映されます。

動作確認

コードを実装したら、プロジェクトをビルドして実行してみましょう。TableViewの各セルの背景色がシアン色に変更されていることが確認できるはずです。

補足ポイント

• セル本体とcontentViewの違い： セル全体の背景を変えたい場合はcell.backgroundColorを使いますが、デフォルトのセルスタイルではcontentViewが前面に表示されるため、確実に色を反映させたい場合はcontentView.backgroundColorを設定するのがおすすめです。
• 任意の色を指定： UIColor(red:green:blue:alpha:)を使用すれば、カスタムカラーも自由に設定できます。
• 選択時の色： タップ時にハイライト表示で背景色が変わってしまう場合は、cell.selectionStyle = .noneを設定すると防げます。

まとめ

TableViewのセル背景色を変更するには、cellForRowAt indexPathメソッド内でcell.contentView.backgroundColorを設定するだけです。TableView自体の背景色との違いを理解しておくことで、意図したデザインをスムーズに実装できるようになります。ぜひ実際のプロジェクトで試してみてください。