オーマイガー東京

オーマイガー東京というブログを24歳東京暮らし新卒2年目のエンジニアが書いています。

【Swift】iOSのtableViewのcellの色を色々変更する

iOSのtableViewを使用していて、cellの中の色を変えたい時色々あると思います。今回は簡単にそちらの方法をまとめていきます。

f:id:maru_33:20180331150935p:plain

cell内のフォントの色を変更したい

コードでtextColotを指定します

以下のように書くと指定できます。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "sand_cell", for: indexPath)
        cell.textLabel!.text = dataSource[indexPath.row]
        cell.textLabel?.textColor = #colorLiteral(red: 0.8549019694, green: 0.250980407, blue: 0.4784313738, alpha: 1)
        return cell
    }

完成形

できましたー!

f:id:maru_33:20180331150952p:plain

cellの背景色を変更したい

  • cellを選択します
  • 野球ベースみたいなやつを押します
  • ViewのBackgroundを変更する

f:id:maru_33:20180331151006p:plain

完成形

色合いがやばいですね。

f:id:maru_33:20180331151019p:plain

cellとcellの間の線(separator)の色を変更したい

  • TableViewを選択します
  • 野球ベースみたいなやつを押します
  • Separatorの色を変更します

f:id:maru_33:20180331151030p:plain

完成形

さらに色合いが混沌としましたね。

f:id:maru_33:20180331151037p:plain