※初投稿なので温かい目で見ていってください！

Contents
  1. 動作環境
  2. 前提条件
  3. 手順
  4. 1.Cellのカスタムクラスを作成する
  6. 2. CustomCellに表示させたい内容を設定する
  7. 3. コードでテーブルビューとカスタムセルを繋げる
  8. 4. ビルドして結果を表示する

動作環境

・Xcode 8.3.3

・Swift3

前提条件

・コードのみでTableViewが表示できる状況

手順

1.Cellのカスタムクラスを作成する

  1. Xcode＞File＞New＞Fileを選択します

  2. Cocoa Touch Classを選択します

  1. classにcellの名前を入力しSubclass of:をUITableViewCellに設定、Also create XIB fileにチェックをし保存します

  1. そうすると、このように2つのファイルが作成されます

 

2. CustomCellに表示させたい内容を設定する

  1. Xibファイルの方でCellをデザインします(今回はHeight:100で設定します)

  2. 今回はUIImageViewとUILabelで配置します

  1. 先ほど作成したUIImageViewとUILabelをCustomCellのswiftファイルの方に結びつけます

 

 

 

3. コードでテーブルビューとカスタムセルを繋げる

  1. 先ほど作成したCustomCell.xibをTableViewで登録していきます

 

  1. 次に必要情報をCellに登録します(画像はブレイブソフトのロゴを使用しています)

 

4. ビルドして結果を表示する

 

お疲れ様でした！

 

投稿者プロフィール

ito
ito