[Swift]選択したセルの情報を遷移先で表示したい

Question

やっていること

焼肉の部位の名前がセルに表示されてあって、それを選択すると遷移先のviewで名前と詳細が表示されるアプリを作っています。

該当コード

yakinikuTableViewController(遷移元の画面)

import UIKit

class YakinikuTableViewController: UITableViewController {
    
    var parts = [
        ["title":"カルビ", "detail":"油がすごい"],
        ["title":"レバー", "detail":"内臓です"],
        ["title":"ホルモン", "detail":"牛の腸です"],
        ["title":"タン", "detail":"牛のベロです"]
    ]
    
    override func viewDidLoad() {
        super.viewDidLoad()

    }

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return self.parts.count
    }

    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "YakinikuTableViewCell", for: indexPath)

        // Configure the cell...
        cell.textLabel?.text = self.parts[indexPath.row]["title"]
        return cell
    }
    
    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)
        performSegue(withIdentifier: "toDetailVC", sender: parts[indexPath.row])
    }
    
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let detailVC = segue.destination as! DetailViewController
    }

DetailViewController(遷移先の画面)

import UIKit

class DetailViewController: UIViewController {
    @IBOutlet weak var partNameLabel: UILabel!
    
    @IBOutlet weak var partExprainText: UITextView!
    override func viewDidLoad() {
        super.viewDidLoad()


    }

やりたいこと

遷移元セルに一つ一つの名前は表示することができ、遷移先に移動することはできました。
遷移元のpartsと言う辞書型の値を遷移先の画面で表示したいです。
partNameLabelにtitle
partExprainTextにdetailを表示させたいです。

お分かりになる方がいらっしゃればご教授願います。

参考にしていたQiitaです。
https://qiita.com/fromage-blanc/items/4ab850f121824310275b

Answer 1

もうほとんどできているので、あとは受け渡しの部分を記述するのみです。

送る方はこんな感じでしょうか。

class ViewController: UITableViewController {
    // 中略

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let detailVC = segue.destination as! DetailViewController
           
        // Any? 型として渡されているので、[String: String] に変換する
        if let selectedParts = sender as? [String : String] {
            detailVC.selectedParts = selectedParts
        }
    }
}

受け取る方はこんな感じです。

class DetailViewController: UIViewController {
    var selectedParts: [String: String]!

    override func viewDidLoad() {
        super.viewDidLoad()

        // MARK: あとは好きなように加工するだけ
        // UILabel に表示するのであればここでセットする
        print(selectedParts)
        print(selectedParts["detail"])
        print(selectedParts["title"])
    }
}

---

コード全文です。

import UIKit

class ViewController: UITableViewController {

    var parts = [
        ["title":"カルビ", "detail":"油がすごい"],
        ["title":"レバー", "detail":"内臓です"],
        ["title":"ホルモン", "detail":"牛の腸です"],
        ["title":"タン", "detail":"牛のベロです"]
    ]

    override func viewDidLoad() {
        super.viewDidLoad()

    }

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return self.parts.count
    }


    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "YakinikuTableViewCell", for: indexPath)

        // Configure the cell...
        cell.textLabel?.text = self.parts[indexPath.row]["title"]
        return cell
    }

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)
        performSegue(withIdentifier: "toDetailVC", sender: parts[indexPath.row])
    }

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        let detailVC = segue.destination as! DetailViewController
           
        // Any? 型として渡されているので、[String: String] に変換する
        if let selectedParts = sender as? [String : String] {
            detailVC.selectedParts = selectedParts
        }
    }
}

import UIKit

class DetailViewController: UIViewController {
    @IBOutlet weak var partNameLabel: UILabel!
    
    var selectedParts: [String: String]!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        partNameLabel.text = selectedParts["title"]
        
    }
}

Comments

[987654321]

ご回答ありがとう御座います!
遷移先でデータを表示させてみようと思い、下記のように記述してみました。

```
import UIKit

class DetailViewController: UIViewController {
@IBOutlet weak var partNameLabel: UILabel!
@IBOutlet weak var partExprainText: UITextView!

var selectedParts: [String: String]!

override func viewDidLoad() {
super.viewDidLoad()
partNameLabel.text = selectedParts["title"]

}
```
ですが、 partNameLabel.text = selectedParts["title"]のところで
Thread 1: Fatal error: Unexpectedly found nil while implicitly unwrapping an Optional value
と言うエラーが出てしまいます。

この場合はどのように対処すれば宜しいでしょうか?
重ねてのご質問で申し訳ありませんが、宜しくお願い致します。

[TsukubaDepot]

上記のコードそのものには問題ありませんので、エラーがでるとなると selectedParts にきちんと値が入っていないことが原因となります。
送る方のコードもきちんと書かれていますでしょうか。
質問者さんのコードを直接修正したので、回答に書いた通りのコードと差し替えていただければ動くと思います。

[987654321]

度々、回答頂きありがとう御座います。

送る方、受け取る方両方とも、
ご回答頂いたコードを間違えぬようにコピぺしてみたのですが、
やはり同じエラーが出てしまいます、、、

[TsukubaDepot]

@IBOutlet weak var partNameLabel: UILabel!

上記の接続に間違いはありませんでしょうか。
上記のコード左側に◉があるとおもいますが、そこが○（中黒がない）になっていませんでしょうか。

[987654321]

◉になっておりました。
念の為、
@IBOutlet weak var partNameLabel: UILabel!の記述を削除して、Storyboardの方からも接続を削除してみました。

その上で再度接続してみたのですが、同じエラーが出てしまいました。

[TsukubaDepot]

コード全文載せましたので、比べてみるか、あるいはそのままコピーしてつかってみてもらえますでしょうか。

[987654321]

度々ありがとうございます。

コピペしてみましたが、やはり同じところでエラーが出てしまいます。

[TsukubaDepot]

問題が出ている行の前に、

print(selectedParts["title"])
print(partNameLabel.text)
partNameLabel.text = selectedParts["title"]

こんな感じでprint()をいれたとき、デバッグウィンドウにはどのように表示されますでしょうか。

[987654321]

Expression implicitly coerced from 'String?' to 'Any'

両方とも上記のエラー?(黄色い線)が出てきます。

[TsukubaDepot]

Warningですね。
今の段階は無視してもらって、実際に実行してみたらどのような表示がデバッグウィンドウにでたか教えていただけますでしょうか。

[987654321]

ビルドしてセルを選択すると,xcodeのデバックウィンドには

右側
Fatal error: Unexpectedly found nil while implicitly unwrapping an Optional value: file /Users/miyazawa/swift/YakinikuApp/YakinikuApp/DetailViewController.swift, line 18
2020-06-29 18:42:18.969001+0900 YakinikuApp[12700:482058] Fatal error: Unexpectedly found nil while implicitly unwrapping an Optional value: file /Users/miyazawa/swift/YakinikuApp/YakinikuApp/DetailViewController.swift, line 18
(lldb)

左側
self YakinikuApp.DetailViewController 0x00007fd04c511930
UIKit.UIViewController UIViewController
partNameLabel UILabel? 0x00007fd04c6141b0
partExprainText UITextView? 0x00007fd04f80b800
selectedParts [String : String]? nil none

と表示されます。

[TsukubaDepot]

このような条件でエラーがでるということは、きちんと値が渡されていない（ViewControllerのprepareが呼び出されていない）ような感じがします。

ちなみに、ViewControllerからDetailViewControllerへのSegueはどのように張ったのでしょうか。

もし、TableViewCellから貼ったのであれば、それは今回のケースでは間違いになります。
そうではなく、ViewControllerから張るようにして、再度試してもらえますでしょうか。

いま張っている Segue は一度削除し、下記のような手順で ViewController から張り、再度 identifire を設定し、実行してもらえますでしょうか。

https://capibara1969.com/229/
上記ページの「任意のタイミングでの画面遷移（Manual Segue）」

[987654321]

表示されました！！
長い間検証して頂いて、ありがとうございます！！

tableViewCellからsegueを引っ張ってました、、、
tabeleViewCellをタップした時に遷移するからtableViewCellからセグエを出せば良いと思っていたのですが、違かったのですね、、、
勉強になりました！！

本当にありがとうございます！

[TsukubaDepot]

セルをタップしたときに遷移するだけであればそれでも良いのですが、タップしたセルの内容に応じて遷移するのであれば、任意のタイミング（performSegueを実行したタイミング）で遷移することになるので、またちょっと異なってきます。

いくつか簡単なサンプルを作って実証すると少しづつ理解できると思います。