[ IOS ] XCode 디바이스 별 프리뷰 확인

1. 프리뷰 확인 디바이스 리스트 설치

디바이스 별 프리뷰를 확인하기 위해서는 확인하기 위한 디바이스 시뮬레이터가 준비되어야한다.

확인하기 위한 디바이스 시뮬레이터 별 크기는 다음과 같다.

□ iPhone SE (2nd generation) : 640 X 1136

□ iPhone 12 Pro : 1170 X 2532

□ iPhone 12 Pro Max : 1284 X 2778

 

[ Manage Run Destinations... ] 클릭

시뮬레이터 추가

[ Device Type ] 클릭

프리뷰 확인 디바이스 선택

[ OS Version ] 활성화 확인 및 [ Create ] 클릭

시뮬레이터 선택 및 시뮬레이터 이름 확인

 

2. 프리뷰 코드 적용

import SwiftUI

enum PREVIEW_DEVICE_TYPE : String, CaseIterable
{
    case iPhone_SE = "iPhone SE (2nd generation)"
    case iPhone_12_Pro = "iPhone 12 Pro"
    case iPhone_12_Pro_Max = "iPhone 12 Pro Max"
}

struct ContentView : View 
{
    var body : some View 
    {
        VStack 
        {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, world!")
        }
        .padding()
    }
}

struct Preview : PreviewProvider
{
    static var previews : some View
    {
        ForEach(PREVIEW_DEVICE_TYPE.allCases, id: \.self) { deviceType in
       
            ContentView()
                .previewDevice(PreviewDevice(rawValue: deviceType.rawValue))
                .previewDisplayName(deviceType.rawValue)

        }
    }
}

 

iPhone SE

iPhone 12 Pro

iPhone 12 Pro Max

 

위와 같이 코드를 적용하여 프리뷰를 기기 별 확인이 가능하다.