본문 바로가기

Mobile App Development/IOS

[ IOS ] UIViewController 프리뷰 확인

1. 프리뷰로 표시할 UIViewController 코드 작성

UIKitViewController.swift

import UIKit

class UIKitViewController : UIViewController
{
    override func viewDidLoad()
    {
        super.viewDidLoad()
    }
}

 

 

2. UIViewController 연결 storyboard 작성

[ UIKitViewController.storyboard ] 작성 및 적용 Class 명 [ UIKitViewController ] 지정

 

3. 프리뷰를 표시할 스위프트 UI 코드 작성

// ContentView.swift

import SwiftUI

struct ContentView : UIViewControllerRepresentable
{
    func makeUIViewController(context: Context) -> UIKitViewController
    {
        let storyboard = UIStoryboard(name: "UIKitViewController", bundle: Bundle.main)
        let viewController = storyboard.instantiateViewController(identifier: "UIKitViewController") as! UIKitViewController
        return viewController
    }
    
    func updateUIViewController(_ uiViewController: UIKitViewController, context: Context)
    {
        
    }
}

#Preview 
{
    ContentView()
}

프리뷰  표시  확인

 

4. 스토리보드 없이 코드로 이루어진 UIViewController 프리뷰 표시

// UIKitViewController.swift

import UIKit

class UIKitViewController : UIViewController
{
    override func viewDidLoad()
    {
        super.viewDidLoad()
        
        view.backgroundColor = .systemBlue
    }
}
// ContentView.swift

import SwiftUI

struct ContentView : UIViewControllerRepresentable
{
    func makeUIViewController(context: Context) -> UIKitViewController
    {
        UIKitViewController()
    }
    
    func updateUIViewController(_ uiViewController: UIKitViewController, context: Context)
    {
        
    }
}

#Preview 
{
    ContentView()
}

프리뷰  표시  확인