【Swift】画面遷移時に次に画面へ値を引き渡す方法【Segue】

Storyboard上に、2つのViewControllerを配置しましょう。

また、最初に表示されるViewControllerへは、Navigation Controllerを適用しておきます。

1つ目の画面には、テキスト入力ができるように、Text Fieldを配置しましょう。

また、入力完了後、画面遷移ができるように、Buttonも配置しましょう。

2つ目の画面には、テキスト入力結果を表示できるように、Labelを配置しましょう。

ボタンを押したら、次の画面へ遷移するようにさせましょう。

Storyboard上で、controlキーを押しながら、ボタンを選択し、そのまま次の画面へ引っ張り、離します。プルダウンからShowを選択し、ボタンタップ時に、次の画面へ遷移するようにしましょう。

また、設置されたSegueに名前をつけましょう。この名前は、後ほど、プログラムの中の処理で使用します。

Segueを選択し、Attribute Inspectorを表示します。Identifierへnextと入力しておきましょう。

Project Navigator上で、右クリックをし、New File… を選択します。

Cocoa Touch Classを選択し、SecondViewControllerという名前で、新しいファイルを作成しましょう。

作成したプログラムに、以下のコードを追加しましょう。

ハイライトがかかっている箇所が、追加したコードです。

import UIKit

class SecondViewController: UIViewController {
    
    // Storyboard上のラベル
    @IBOutlet var label: UILabel!
    
    // 表示するテキスト
    var text: String!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        label.text = text
    }

}

作成したソースコードと、Storyboard上のViewControllerを紐づけましょう。

2つめのView Controllerを選択し、Identity Inspectorを開きます。

Classに、今作成した SecondViewController を設定しましょう。

Connections Inspectorを開きます。

labelを引っ張り、Storyboard上のLabelと紐づけましょう。

1つ目の画面用のプログラムViewController.swiftへ、以下の通りコードを追加しましょう。

ハイライトされている箇所が、追加したコードです。

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet var textField: UITextField!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "next" {
            let secondViewController = segue.destination as! SecondViewController
            secondViewController.text = textField.text!
        }
    }

}

実装したプログラムと、TextFieldを紐づけます。

Storyboardを開き、1つ目のView Controllerを選択します。

Connection Inspectorを開き、textFieldを引っ張り、View Controller上のTextFieldと紐づけましょう。

公式マニュアルを見てみましょう。以下の通り書いてあります。

Notifies the view controller that a segue is about to be performed.

Segueが実行される、ということを、View Controllerへ通知してくれるメソッドのようです。

つまり、prepareは、Segueが実行される直前に、実施されるメソッドのようですね。ですので、この中で、次の画面へ変数を渡せば、変数の受け渡しができそうです。

プログラムの中に、UIStoryboardSegue型の変数segueが2箇所登場していますね。

こちらも、公式マニュアルを見てみましょう。UIStoryboardSegueは、以下のプロパティを持つようです。

上記を踏まえると、プログラムの処理は以下のようです。