Swiftで画面遷移した後のテーブルビューから文字列を選択し、元の画面で表示したい。

Question

前提・実現したいこと

swiftで設定画面を作っております。
そこで、画面遷移し、移動先のテーブルビューから１項目を選択し、元の画面に戻ってきて、選択した文字を元の画面に表示したいと考えています。

テーブルビューを表示することまではできましたが、値を受け取し、前の画面に戻って表示することができずに困っております。

該当のソースコード

// ViewController
import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource  {
    let array = ["Next"]
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = String(array[indexPath.row])
        return cell
    }
    
     func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
            performSegue(withIdentifier: "toNext", sender: nil)
    }
    

    override func viewDidLoad() {
        super.viewDidLoad()

    }


}

//nextViewController

import UIKit

class nextViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
let array = ["A","B","C","D"]


func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 4}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
     let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
     cell.textLabel?.text = String(array[indexPath.row])
     return cell
 }




override func viewDidLoad() {
    super.viewDidLoad()

}



}

試したこと

popViewControllerを使い戻ること自体はできたのですが、値を渡すことがわかりませんでした。

どうかお力をお貸しいただければ、幸いでございます。

Answer 1

遷移先から「戻る」のがどのタイミングなのかご質問だけでは不明ですが、navigationControllerを使っていらっしゃるので「Back」ボタンを押したタイミングで戻る、と仮定しました。

やり方は色々あるかと思いますが、

1. 遷移先ではnavigationControllerのdelegateを使って、画面遷移を監視。元の画面に戻る時に遷移元のプロパティ（変数）をセット
2. 遷移元では、プロパティオブザーバを使って値が書き換わった段階で必要な処理を実行

になるのかな、という感じがします。

遷移先で文字を選択し「Back」で戻ると、元の配列に選択した文字が追加され表示されます。
また、選択した文字はprint()を使ってデバッグウインドウに表示しています。

あとは、必要に応じてお好みの処理にしていただければとおもます。

追加や気づいた点はMARK: 変更と、追加する処理はMARK: 追加とコメントしてあります。
特に深い説明はしていませんが、もし分からなければコメントください。

掲載の都合上一つのファイルで実行していますが、もちろんクラス別に分けても構いません。

import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    // MARK: 追加
    // 再表示(reloadData())を実行するため、storyBoard から引っ張っておく
    @IBOutlet weak var tableView: UITableView!
    
    // MARK: 変更
    // 後から書き換えるため変数を var で宣言
    // プロパティオブザーバを追加し、値が変更された時点で tableView を再読み込みする
    var array = ["Next"] {
        didSet {
            // 値が書きかわったら table を再描画
            tableView.reloadData()
        }
    }
    // MARK: 追加
    // 戻ってきた時に nextViewController で選ばれた文字を入れておく変数
    var selectedString: String? {
        didSet {
            // 値が書き換わったら
            // 値は nil 以外になるはずだが、念のため
            if let selected = selectedString {
                // ここではコンソールに値を表示しているだけだが、必要に応じて別の処理を行う
                print("selectedString: (selected)")
            }
        }
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // MARK: 変更
        // いらぬトラブルを避けるためにも、配列の要素数を返した方がいい
        //return 1
        return array.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = String(array[indexPath.row])
        return cell
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        performSegue(withIdentifier: "toNext", sender: nil)
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

// MARK: 変更
// UINavigationControllerDelegate にも準拠させる
class nextViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UINavigationControllerDelegate {
    let array = ["A","B","C","D"]
    // MARK: 追加
    // 選択された行を記憶しておく変数
    // 最初は選択されていないので、Optional型で宣言
    var selected: Int?
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // MARK: 変更
        // いらぬトラブルを避けるためにも、配列の要素数を返した方がいい
        //return 4
        return array.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = String(array[indexPath.row])
        return cell
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // MARK: 変更
        // navigationController の delegate の移譲先
        navigationController?.delegate = self
    }
    
    // MARK: 追加
    // セルが押された時の処理
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        // 押されたセルの番号(indexPath.row)を記録しておく
        selected = indexPath.row
    }
    
    // MARK: 追加
    // 戻るボタンが押された時の処理
    // 実際には、navigationController によって画面が遷移する時に呼び出される
    func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        // 次に表示される UIViewController が viewController か否かを判別
        if let nextVC = viewController as? ViewController {
            // selected が nil か否かを判別
            if let index = selected {
                print(array[index])
                // viewController.selectedString に選択された文字を代入
                nextVC.selectedString = array[index]
                nextVC.array.append(array[index])
            }
        }
    }
}

---

呼び出し側で配列を管理する例として、たとえばこのような方法もあります。

import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    // MARK: 2020/05/04 追加
    // 配列はこちらに置く
    let detailedArray = ["A","B","C","D"]
        
    // MARK: 2020/05/04 追加
    // performSegue(withIdentifire:sender)が呼び出された後に呼ばれる
    // この時点で nextViewController はインスタンス化済み
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if let nextVC = segue.destination as? nextViewController {
            nextVC.array = detailedArray
        }
    }
    
    // 後は同じ
}

// MARK: 変更
// UINavigationControllerDelegate にも準拠させる
class nextViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UINavigationControllerDelegate {
    // MARK: 2020/05/04 変更
    // array はオプショナル型の配列として宣言しておく。
    // 具体的な値を入れるのは、viewControllerのprepareメソッドで行っている
    var array: [String]!
    
    // 後は同じ
}

segue を使って画面遷移を行なっているので、prepareメソッド内で遷移先のクラスにアクセスし、そこに値を入れています。

もちろん、これ以外にもいろいろなパターンが考えられると思いますが、ひとつの参考にしていただければと思います。

Comments

[退会済みユーザー]

ありがとうございます！TsukubaDepot様のご丁寧なご指南により、ほぼ希望の処理を実行することができました。戻るタイミングはボタンを押したタイミングで問題ありません。記載不足で申し訳ございませんでした。今まで全く理解していなかったと、自身の学習不足さを実感しました。また、参考までに他の方法とはどのようなものが考えられますでしょうか？

[TsukubaDepot]

上記の処理だと、文字を選択したあとにBackを押していますが、文字を選択すると直ちに元の画面に戻るという処理もあると思います。
その場合には、tableView(_:didSelectRowAt)内部でpopViewControllerを呼ぶという方法もあるかと思います。ただ、Backボタンとセルのタップの操作をどのように使い分けるか考える必要もあると思います。

[退会済みユーザー]

セルを押した瞬間に戻る処理に関してはもともと実装したかったため、self.navigationController?.popViewController(animated: true)
を呼び、実装しました。現在は、セルを押せば押した瞬間に値が戻り、戻るボタンを押せば何もせずに戻るようになっています。

すみませんが、もう一つ疑問が出てきまして、、、
セルを選んで戻した値を、セルの詳細に表示できるように、tableView(_:cellForRowAt)にcell.detailTextLabel?.text = selectedStringと記載し、うまくいきました。そこで初期値にもnextViewController、arrayの値を指定したいのですが、うまくいきません。

var nextView = nextViewController()
var nextArray = nextView.array[2]
// MARK: 追加
// 戻ってきた時に nextViewController で選ばれた文字を入れておく変数
var selectedString: String? = nextArray {
didSet{
、、、

Cannot use instance member 'nextView' within property initializer; property initializers run before 'self' is availableとエラーが表示されます。重ね重ね、申し訳ございませんが、解決策なにかご教授いただけませんでしょうか。

[TsukubaDepot]

Cannot use instance member 'nextView' within property initializer;
というエラーは、「全てのプロパティが初期化される前にあるプロパティを使うことはできない」という感じのメッセージになります。これは、クラスの初期化に関係する内容なのですが、まずはあるクラスの初期化（イニシャライザ）が呼ばれる前に、あるプロパティ（変数）に別の変数を入れることはできない、と理解してみてください。
つまり、
var nextView = nextViewController()
といった感じで nextView というプロパティ（ここではインスタンス）を宣言したあと、次の行で
var nextArray = nextView.array[2]
といった感じでインスタンスのプロパティにアクセスしていますが、それはできない、ということです
（それ以外にも問題はあるのですが、まずこの点をご理解ください）。

それを置いておいたとして、ご質問の内容がいまいちよく把握できません。Detailの部分に何か表示させたいと言うことかと思うのですが、それは初期値としては決め打ちにしたい、ということなのでしょうか。
そうであれば、nextViewController に関係なく、
var selectedString: String? = "C" {
のような感じにすれば良さそうなのですが、それとはまた違いますでしょうか。

[退会済みユーザー]

おっしゃっていただいたように初期値を決めることが目的でした。var selectedString: String? = "C" というやり方は実行できたのですが、nextViewControllerのarrayから持ってくるやり方はできないものかと思い、ご質問させていただきました。大人しく、var selectedString: String? = "C"の方法で実施します。ご丁寧にありがとうございました。かなり助かりました！

[TsukubaDepot]

順番の問題だと思います。
ViewControllerがインスタンス化（画面に表示）された時にはまだnextViewControllerはインスタンス化されていません。nextViewControllerがインスタンス化されるのはperformsegue()とその関連するメソッドが実行されたあとになります。つまり、それまではnextViewControllerのインスタンスにはアクセスできないわけです。
最初考えられたように、ViewControllerのプロパティにnextViewControllerのインスタンスを代入する方法だと解けたようにも見えますが、このインスタンスと、performSegueでインスタンス化されたインスタンスの実体は全く別になります。

ではどうすればいいかと言うと、一つは親となるviewControllerに全てのデータ、つまりnextViewController で使う配列も持たせて、それをnextViewControllerからアクセスする方法です。これだとインスタンス化される順番から考えても普通のやり方でアクセスできます。

とはいってもピンとは来ないかもしれませんので、ちょっと後にサンプルを書いてみますので、また後で参照してみてください。

[TsukubaDepot]

一つの例ですが、回答の末尾に追加しました。
この後、全体としてどのようにデータを扱うか次第で細かい点は変わってくると思いますが、参考にしていただければと思います。

[退会済みユーザー]

参考にさせていただき、今までなんとなくでやっていた部分が解消できそうです！今後も何度も熟読し、完全に理解できるようにします。ありがとうございました！