LoginSignup
8
6

More than 1 year has passed since last update.

【Swift】UIKitでPreviewを使いながら開発をする

Last updated at Posted at 2022-09-26

はじめに

Xcode11で導入されたXcode Previewはいままで表示速度や意味不明なエラーで使い物になりませんでしたが、Xcode14で割と快適に使えるようになりました。
UIKitで使用してみたのでやり方と感想を書きます。

表示するView

今回はViewControllerが表示された事がわかれば良いので背景色を赤にしてるだけです。

import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .red
    }
}

実装

import UIKit
import SwiftUI

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .red
    }
}

struct ViewControllerPreview: PreviewProvider {
    struct Wrapper: UIViewControllerRepresentable {
        func makeUIViewController(context: Context) -> some UIViewController {
            ViewController()
        }
        func updateUIViewController(_ uiViewController: UIViewControllerType, context: Context) {
        }
    }
    static var previews: some View {
        Wrapper()
    }
}

表示されない??

コードの実装はできたけど表示されない。。。
「Canvas」のチェックを外します。
スクリーンショット 2022-09-26 22.32.59.png

再度、「Canvas」にチェックを入れます。
スクリーンショット 2022-09-26 22.34.11.png

表示された!!
スクリーンショット 2022-09-26 22.35.37.png

おわり

プレビュー上で画面操作もできちゃうのでマジで高速で開発できます。
快適になったXcode Preview最強!!

参考記事

8
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
6