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

動作環境

・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