[Xcode] xibファイルがストーリーボードに反映されない

Question

xibで作ったカスタムセルをストーリーボード上のテーブルビューに反映させ、Autolayoutの設定を行いたいのですが、
カスタムセルのクラスに@IBDesignableをつけても反映されません。

行なった手順は以下の通りです。
・customCell.swiftとcustomCell.xibを作成
・xibファイル上でTextFieldをセル上に追加
・customCell.xibのカスタムクラスをcustomCell.swiftに設定
・ストーリーボード上でセルのカスタムクラスにcustomCell.swiftを指定
・下記のコードでカスタムセルを登録

optionTableView.register(UINib(nibName: "customCell", bundle: nil), forCellReuseIdentifier: "reuseCell")

どなたか解決策をご教授いただければ幸いです。

//customCell.swift
import UIKit

@IBDesignable
class optionCell: UITableViewCell {

    @IBOutlet var optionName: UITextField!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }
}

Answer 1

下の2点を確認して欲しいです。

• 記載しているセルクラスがoptionCellになっていますが、customCellではないでしょうか？
• UITableViewDataSorceをselfに設定しているでしょうか？

それでもうまく行かなければUITableViewDataSorceのcellForRowAtでどの様にセルを作っているのか載せて欲しいです。

Comments

[sssskkkktttt]

ありがとうございます。
セルクラス名は私の記載ミスでした。customCellになっています。
UITableViewDataSorceもselfに設定してあります。
cellForRowAtの関数は以下のようになっています。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = TableView.dequeueReusableCell(withIdentifier: "reuseCell") as! customCell
return cell
}

Answer 2

ストーリーボード上でセルのカスタムクラスにcustomCell.swiftを指定

ファイル名ではなくクラス名optionCellを指定してください。

Comments

[sssskkkktttt]

回答ありがとうございます。
記述ミスでした。optionCellを指定していますが反映されていません。

[fuzzball]

いろいろ試してみたのですが、@IBDesignableなカスタムセルをStoryboard上に表示させることは出来ませんでした。セルのcontentViewに@IBDesignableなカスタムビューを割り当てて表示させることは出来ました。（ちょっと無理やりなのでここには書きません）
何かうまい方法はあるかも知れませんが、これ以上調べる時間は私にはありません。

それはさておき、あなたの質問／コードを見て思うことを書いておきます。

>>Autolayoutの設定を行いたいのですが
これはセル内のUI（今回の場合だとUITextField）の制約でしょうか？もしそうでしたら、仮にStoryboard上に表示できたとしても、制約はStoryboard上で付けられないと思います。（制約はxib上で付ける）

・コードについて
現在のoptionCell（customCell?）のコードにはxibを読み込んでviewに反映させるコードがありません。今のままでは絶対にStoryboard上には表示されないと思います。
下のような記事を読んで、まずカスタムビュー（UIView）をStoryboard上に表示させてみることをお勧めします。
https://dev.classmethod.jp/smartphone/xib/
https://qiita.com/usagimaru/items/e1c349c5bc51a1c4a92c