windowのrootViewControllerを変更して画面遷移する方法

新しい画面遷移の方法を学んだから半分メモ書き感覚で書いていくで〜
訂正、編集リクエスト、感激やで〜。

目的

作成したいものは以下のように、ボタンを押したら画面遷移する機能。

これを、Segue 等を使わないやり方で画面遷移させる。
要は、RootViewController を使ってアニメーションで画面遷移をさせる。

環境

• macOS Monterey: Version12.4
• Xcode: Version 13.4.1
• Swift: Version 5.6.1

前提

コチラの記事を参考に以下のようなことを行います。

1. AppDelegate から // MARK: UISceneSession Lifecycle 以降のコードを削除する
2. AppDelegate に window プロパティを追加
3. Info.plist から UIApplicationSceneManifest を全て削除
4. SceneDelegate.swift を削除する

正直、削除するかは任意だが、2 の window プロパティだけは追加していて欲しい。

なので、AppDelegate.swift は、以下のようになっている。

AppDelegate.swift

import UIKit

@main
class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        return true
    }
}

Storyboardでの設定

ViewController を追加していく。今回はわかりやすいように、青、黄、赤の画面をそれぞれ、FirstViewController, SecondViewController, ThirdViewController とした。

次に、ボタンを押すと画面遷移するようにボタンを配置していく。
配置したものがコチラ↓

最後に、Storyboard ID を設定する。
今回は、FirstViewController, SecondViewController, ThirdViewController です。
そのため、順番に FirstVC, SecondVC, ThirdVC とする。

これで準備は OK。特に Storyboard ID を設定は忘れないように。

AppDelegateでの設定

AppDelegate.swift

import UIKit

@main
class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?
+    let storyboard = UIStoryboard(name: "Main", bundle: nil)

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        self.window = UIWindow(frame: UIScreen.main.bounds)
+        self.window?.makeKeyAndVisible()
+        let initialViewController = self.storyboard.instantiateViewController(withIdentifier: "FirstVC")
+        self.window?.rootViewController = initialViewController

        return true
    }

+    func switchViewController(identifier: String) {
+        UIView.transition(with: self.window!, duration: 0.5, options: .transitionCrossDissolve, animations: {
+            let oldState: Bool = UIView.areAnimationsEnabled
+            UIView.setAnimationsEnabled(false)
+            self.window?.rootViewController = self.storyboard.instantiateViewController(withIdentifier: identifier)
+            UIView.setAnimationsEnabled(oldState)
+        }, completion: nil)
+    }
}

ViewControllerでの設定

UI パーツとコードを紐付けすると、↓のようになる。

　FirstViewController

import UIKit

final class FirstViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }

+   @IBAction private func goToSecondVCButton(_ sender: Any) {
+   }

}

メソッドの命名はご愛嬌ということで💦。

次に、画面遷移をさせるために、func goToSecondVCButton に先ほど作成した func switchViewController(identifier: String) を呼ばせる。

そうすると、↓のようになる。

FirstViewController

import UIKit

final class FirstViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }

    @IBAction private func goToSecondVCButton(_ sender: Any) {
+        guard let appDelegate = UIApplication.shared.delegate as? AppDelegate else { return }
+        appDelegate.switchViewController(identifier: "SecondVC")
    }
}

同様のことを SecondViewController, ThirdViewController にも行う。

SecondViewController

import UIKit

final class SecondViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }

+    @IBAction private func goToThirdVCButton(_ sender: Any) {
+        guard let appDelegate = UIApplication.shared.delegate as? AppDelegate else { return }
+        appDelegate.switchViewController(identifier: "ThirdVC")
+    }
}

ThirdViewController

import UIKit

final class ThirdViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }

+    @IBAction private func goToFirstVCButton(_ sender: Any) {
+        guard let appDelegate = UIApplication.shared.delegate as? AppDelegate else { return }
+        appDelegate.switchViewController(identifier: "FirstVC")
+    }
}

これで、Segue を使わずに RootViewController をアニメーションで画面遷移できた。

参考文献