본문 바로가기

Mobile App Development/IOS

[ IOS ] UIView 프리뷰 확인

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

// CustomUIView.swift

import UIKit

class CustomUIView : UIView
{
    override init(frame: CGRect)
    {
        super.init(frame: frame)

        loadNib()
    }
    
    required init?(coder: NSCoder) 
    {
        super.init(coder: coder)

        loadNib()
    }

    func loadNib()
    {
        // 자신의 클래스명과 같은 xib 파일을 로드하여 뷰를 추가
        if let view = Bundle.main.loadNibNamed(String(describing: type(of:self)), owner: self, options: nil)?.first as? UIView
        {
            view.frame = self.bounds

            addSubview(view)
        }
    }
}

 

2. UIView 연결 xib 작성

[ CustomUIView.xib ] 작성 및 Fire's Owner [ CustomUIView ] 연결

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

// ContentView.swift

import SwiftUI

struct ContentView : UIViewRepresentable
{
    func makeUIView(context: Context) -> UIView 
    {
        return CustomUIView()
    }
    
    func updateUIView(_ uiView: UIView, context: Context) 
    {
        
    }
}

#Preview 
{
    ContentView()
}

프리뷰 표시 확인