[SwiftUI] Previews in Xcode 번역

안녕하세요 ◠‿◠ 고고입니다.

원문 : https://developer.apple.com/documentation/swiftui/previews-in-xcode

Apple Developer Documentation

 

당신의 커스텀 뷰의 동적이고 인터렉티브한 프리뷰를 만들어보세요.

 

Overview

당신이 SwiftUI에서 커스텀 뷰를 생성할 때, Xcode는 뷰의 코드를 변경할 때 최신 상태로 유지되는 뷰의 프리뷰를 표시할 수 있습니다. Xcode에 무엇을 표시할지 알려주기 위해 PreviewProvider 프로토콜을 준수하는 구조체를 정의합니다. Xcode는 코드 옆의 canvas에서 프리뷰를 보여줍니다.

view modifier를 사용해 프리뷰를 설정할 수 있습니다. 여기에는 previewDevice(_:) 및 previewInterfaceOrientation(_:)과 같은 프리뷰 관련 modifer 세트가 포함됩니다. Xcode는 또한 canvas에서 수행한 변경 사항을 코드에 다시 반영합니다. canvas에서의 작업에 대한 팁은 Creating and Combining Views 튜토리얼을 보십시오.

 

Topic

Preview Creation

protocol PreviewProvider

Xcode에서 뷰 프리뷰를 생성하는 타입입니다.

 

Preview Customization

func previewDisplayName(String?) -> some View

프리뷰를 위한 canvas에 보여줄 사용자 표시 이름을 정합니다.

 

func previewDevice(PreviewDevice?) -> some View

프리뷰를 위한 디바이스를 재정의합니다.

 

struct PreviewDevice

프리뷰를 실행하는 시뮬레이터 디바이스

 

func previewLayout(PreviewLayout) -> some View

프리뷰를 위한 컨테이너의 크기를 재정의합니다.

 

enum PreviewLayout

프리뷰를 위한 크기 제한입니다.

 

func previewInterfaceOrientation(InterfaceOrientation) -> some View

프리뷰의 방향을 재정의합니다.

 

struct InterfaceOrientation

사용자 관점으로부터의 인터페이스의 방향

 

 

+) 응용 예시

ContentView()
	.previewDevice(PreviewDevice(rawValue: "iPhone 8"))
	.previewDisplayName("iPhone 8")
	.preferredColorScheme(.dark)
	.previewInterfaceOrientation(.landscapeLeft)
	.previewLayout(.sizeThatFits)