質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.49%

UITableViewCellのエラーについて

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 2,122

score 9

 前提・実現したいこと

storyboardを使用せずにコードで入力してますが、カスタムセルの設定のみ「xib」を作成してやっています。

エラーが出てるので解消してtableに表示させたいです。

 発生している問題・エラーメッセージ

Thread 1: Fatal error: Unexpectedly found nil while unwrapping an Optional value

 該当のソースコード

swift4

import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    /// 画像のファイル名
    let imageNames = ["1.png", "2.png", "3.png"]
    /// 画像のタイトル
    let imageTitles = ["001", "002", "003"]

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        let myTableView = UITableView(frame: view.frame, style: .plain)
        myTableView.rowHeight = 70
        myTableView.delegate      =   self
        myTableView.dataSource    =   self
        myTableView.register(CustomCellTableViewCell.self, forCellReuseIdentifier: NSStringFromClass(CustomCellTableViewCell.self))
        self.view.addSubview(myTableView)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


    /// セルの個数を指定するデリゲートメソッド(必須)
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return imageNames.count
    }

    /// セルに値を設定するデータソースメソッド(必須)
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // セルを取得
        let cell = tableView.dequeueReusableCell(withIdentifier: NSStringFromClass(CustomCellTableViewCell.self), for: indexPath) as! CustomCellTableViewCell

        // セルに値を設定
        cell.setCell(imageName: imageNames[indexPath.row], titleText: imageTitles[indexPath.row])

        return cell
    }

}
swift4

import UIKit

class CustomCellTableViewCell: UITableViewCell {

    var myImage: UIImage!
    @IBOutlet weak var myImageView: UIImageView!
    @IBOutlet weak var myLabel: UILabel!


    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
    }

    /// 画像・タイトルを設定するメソッド
    func setCell(imageName: String, titleText: String) {
        myImageView.image = UIImage(named: imageName) //ここでエラー
        myLabel.text = titleText //ここでもエラー
    }
}

 試したこと

myImageView.image = UIImage(named: imageName) //ここでエラー
myLabel.text = titleText //ここでもエラー


の部分を

myImage = UIImage(named: imageName)
myImageView = UIImageView(image: myImage)
myLabel?.text = titleText //ここでもエラー


にしたところエラーは消えましたが画像やラベルの表示がされませんでした。

 補足情報(FW/ツールのバージョンなど)

Xcode : Version 9.4.1
Swift4.1.2

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • xAxis

    2018/08/17 14:35

    .xib内においてCustomClassはどちらに設定されていますか?

    キャンセル

  • Kuma44

    2018/08/19 12:20

    「CustomCellTableViewCell」で設定しています。

    キャンセル

  • xAxis

    2018/08/19 17:33

    聞き方が悪かったですかね。File's OwnerのCusotomClassかCellのCustomClass、どちらに設定されていますか?

    キャンセル

回答 1

checkベストアンサー

0

今回の回答ではどこに何をどうやって設定するかが大事です。TableViewをコードで、CustomCellは.xibで、となってますから全てをstoryboardで設定するのとはやり方が変わってきます。また、UINibやIdentifierの知識も深める必要があるでしょう。

まず.xibファイルをみていきます。今回のやり方ではFile's OwnerのCustom Classには設定をしません。空のままにしておきます。じゃあどこにCustom Classを設定するのかというとCellに対して設定を行います。またCellのIdentifierも空にしておきます。

あまり関係がありませんが、CustomCellTableViewCellの名前はもう少し短くした方がいいんじゃないかと個人的には思います。CustomCellとか。

んでそのCustomCellTableViewCellですが、回答に書かれているコードには全角スペースが紛れ込んでいた様なので注意した方がいいです。のちにコードを貼りますがそのコードでは修正しています。

そして本丸のViewControllerですがtableView.register(_:forCellReuseIdentifier:)する時のNibNameはCustomCellTableViewCellのクラス名が入ります。そして第二引数にはCellのIdentifierを入れます。このCellのIdentifier、クラス名は使えません。コードでは分かりやすくハードコーディングしてます。
またtableView.dequeReusableCell(withIdentifier:)ですがここのIdentifierは上記のtableView.register(_:forCellReuseIdentifier:)の第二引数のIdentifierを指定します。

以上で動く様になるでしょう。動作は確認済みです。

 コード(修正後)

import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    /// 画像のファイル名
    let imageNames = ["1.png", "2.png", "3.png"]
    /// 画像のタイトル
    let imageTitles = ["001", "002", "003"]

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        let myTableView = UITableView(frame: view.frame, style: .plain)
        myTableView.rowHeight = 70
        myTableView.delegate      =   self
        myTableView.dataSource    =   self
        let myNib = UINib(nibName: "CustomCellTableViewCell", bundle: nil)  //.xibファイルと同名をnibNameに入れる
        myTableView.register(myNib, forCellReuseIdentifier: "TableViewCell") //IdentifierはCellのもの。クラス名と同一のものは使えない。
        self.view.addSubview(myTableView)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


    /// セルの個数を指定するデリゲートメソッド(必須)
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return imageNames.count
    }

    /// セルに値を設定するデータソースメソッド(必須)
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // セルを取得
        //let cell = tableView.dequeueReusableCell(withIdentifier: NSStringFromClass(CustomCellTableViewCell.self), for: indexPath) as! CustomCellTableViewCell
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell") as? CustomCellTableViewCell else { //registerした時のidentifierをここに
            fatalError()
        }

        // セルに値を設定
        cell.setCell(imageName: imageNames[indexPath.row], titleText: imageTitles[indexPath.row])

        return cell
    }

}
import UIKit

class CustomCellTableViewCell: UITableViewCell {

    var myImage: UIImage!
    @IBOutlet var myImageView: UIImageView!

    @IBOutlet var myLabel: UILabel!
    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
    }

    func setCell(imageName: String, titleText: String) {
        myImageView.image = UIImage(named: imageName) //ここでエラー
        myLabel.text = titleText//ここでもエラー ←全角スペースが紛れ込んでました
    }

}

 余談

reusableCellを生成する時、質問ではas!としていましたが上記の様にguard文を使った方がいいです。上記のguard文ではダウンキャスト失敗した時には強制終了する様になっています。それの何がいいのかというと、どこが間違っているのかが分かりやすいからです。Cellの生成に失敗していることが分かるということは、CustomCellTableViewCell内に問題がない可能性が高くなります。となると考えるはregister周辺だったりともう少し上の行程で問題があることが分かります。なのでas!とした場合よりも問題解決が早まることを期待できるでしょう。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/08/20 20:25

    とてもわかりやすく説明していただきましてありがとうございます!
    初心者でまだ理解できない部分もあるので熟読させていただきます。

    キャンセル

  • 2018/08/20 20:27

    自分の説明、もっとシンプルにかけたらベストなのですけどね。分からない部分があったらコメント欄にどうぞ。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る