pickerViewで選択した項目を画面遷移先で画像として表示させるようにしたい

現状のswiftの動き

①PickerViewで、ハート、クローバー、ダイヤ、スペードの４つの項目を選択できる。
②画面遷移先では、画面をタップすると項目に関係なく、ダイヤの画像が表示される。

実現したいこと

選択した項目を、画面遷移先に画像として表示させたいです。
※ハートを選択すると、画面遷移先で、画面をタップするとハートの画像が表示されるようにしたい。

どのようにしたら、PickerViewで選択した項目が画面遷移先に反映することができるのか
また、画像として表示させることができるのか分かりません。

ご教授のほど、よろしくお願い致します。

該当のソースコード

import UIKit

class ViewController: UIViewController,UIPickerViewDataSource,UIPickerViewDelegate {
    
    var mark = ["hart", "spade", "daiya", "club"]
    
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return mark.count
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return mark[row]
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        pickLabel.text = mark[row]
    }

    @IBOutlet weak var pickLabel: UILabel!
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        pickLabel.text = "hart"
    }

    @IBAction func nextButton(_ sender: Any) {
        performSegue(withIdentifier: "nextPages", sender: nil)
        
    }
    
}

画面遷移先

import UIKit

class secondPagesViewController: UIViewController {
    
        @IBAction func addImage(_ sender: UITapGestureRecognizer) {
            
            let mark = UIImageView(image: UIImage(named: "mark1"))
                mark.frame = CGRect(x: 0, y: 0, width: 100, height: 100)

            mark.center = sender.location(in: self.view)

            self.view.addSubview(mark)
        }
        override func viewDidLoad() {
            super.viewDidLoad()
        }


    }

使用している言語

swift
Xvode 11.4

ご教授のほど、よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

いわゆる、画面遷移時の値渡しというのを行えばいいかと思います。

考え方としては

１．遷移先に値を受け取る変数（プロパティ）を準備しておく

swift
1class secondPagesViewController: UIViewController {
2    // 呼び出し元から情報を受け取るプロパティ
3    var imageName: String!

２．segueが実行される時に呼び出されるメソッドで値を渡す

swift
1class ViewController: UIViewController,UIPickerViewDataSource,UIPickerViewDelegate {
2    // 中略
3    // perfonrmSegue が実行された後に呼び出される処理
4    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
5        // segue の遷移先が secondViewCOntroller だった場合の処理
6        if let nextVC = segue.destination as? secondPagesViewController {
7            // nextVC (= secondViewController のインスタンス) の imageName にラベルの値を入れる
8            nextVC.imageName = pickLabel.text
9        }
10    }

３．遷移先で渡ってきた値を元に適切に処理する

swift
1class secondPagesViewController: UIViewController {
2    // 中略
3
4    override func viewDidLoad() {
5        super.viewDidLoad()
6        // 前のページで値が入った imageName を表示する
7        print(imageName!)
8    }
9    
10    @IBAction func addImage(_ sender: UITapGestureRecognizer) {
11        // UIImage の引数として imageName を渡す
12        let mark = UIImageView(image: UIImage(named: imageName))
13        // 後略
14    }
15}