Xcode를 사용 하 여 사용자 인터페이스 디자인Designing user interfaces with Xcode

Visual Studio 2019 버전 16.8 및 Mac용 Visual Studio 버전 8.8부터 storyboard 및 nib 파일을 편집 하는 권장 방법은 Mac의 Xcode Interface Builder에서 편집 하는 것입니다.Starting with Visual Studio 2019 version 16.8 and Visual Studio for Mac version 8.8, the recommended way to edit .storyboard and .nib files is by editing them in Xcode Interface Builder on a Mac.

참고

Visual Studio 2019 버전 16.9부터 Windows에서 iOS storyboard를 편집 하는 데 지원 되는 방법은 없습니다.Starting in Visual Studio 2019 version 16.9, there will be no supported way to edit iOS storyboards on Windows. Mac용 Visual Studio 및 Xcode Interface Builder를 사용 하 여 Xamarin.ios 사용자 인터페이스 빌드를 계속 합니다.Use Visual Studio for Mac and the Xcode Interface Builder to continue building your Xamarin.iOS user interfaces.

이 문서에서는 Xcode Interface Builder를 사용 하 여 사용자 인터페이스를 구축 하는 일반적인 솔루션을 설명 합니다.This article covers common solutions to building user interfaces with the Xcode Interface Builder. 이 문서는 이전에 Xamarin.ios 디자이너를 사용 하 여 Ui를 편집한 경우에 특히 유용할 수 있습니다.This article may be particularly helpful if you previously edited your UIs with the Xamarin.iOS Designer.

스토리 보드에 대 한 자세한 연습은 xamarin.ios의 스토리 보드를 참조 하세요.For a more in-depth walkthrough of storyboards, see Storyboards in Xamarin.iOS.

스토리 보드를 여는 방법How to open a storyboard

스토리 보드 파일을 마우스 오른쪽 단추로 클릭 하 고 Xcode Interface Builder 를 선택 하 여 Mac용 Visual Studio에서 iOS 사용자 인터페이스 파일을 엽니다.Open an iOS user interface file in Visual Studio for Mac by right-clicking on a storyboard file and selecting Xcode Interface Builder:

Interface Builder 선택Select Interface Builder

그러면 Xcode 창이 열립니다.You should then see the Xcode window open. 여기에 저장 된 모든 편집 내용은 Visual Studio 프로젝트에 반영 됩니다.Any edits saved here will be reflected in your Visual Studio project.

Xcode 창Xcode Window

Xcode Interface Builder에 대 한 자세한 내용은 기본 제공 Interface Builder을 참조 하세요.For more information on the Xcode Interface Builder, see Interface Builder Built-In.

새 컨트롤 만들기Creating a new control

Xcode Interface Builder를 사용 하 여 새 컨트롤을 만들려면 먼저 편집할 storyboard를 선택 합니다.To create a new control with the Xcode Interface Builder, first select the storyboard you'd like to edit. 그런 다음 Xcode library 대화 상자 (View > Show library)를 열고 컨트롤을 storyboard로 끌어 놓습니다.Then, open the Xcode Library dialog (View > Show Library) and drag the control to your storyboard.

라이브러리 선택기Library Picker

그런 다음 해당 뷰 컨트롤러 헤더 파일을 엽니다.Next, open up the corresponding view controller header file. 빈 "단일 뷰" Xamarin.ios 앱의 경우 기본 storyboard를 기본 storyboard 라고 합니다 .For a blank "Single View" Xamarin.iOS app, the default storyboard is called Main.storyboard. Xcode에서 볼 때 해당 viewcontroller .h 헤더 파일을 사용 하 여 Visual Studio에서 해당 뷰 컨트롤러 파일을 ViewController.cs 이라고 합니다.The corresponding view controller file is called ViewController.cs in Visual Studio with a corresponding ViewController.h header file when viewed from Xcode.

Xcode Interface Builder에서 storyboard와 해당 뷰 컨트롤러 헤더 파일을 엽니다.From the Xcode Interface Builder, open both the storyboard and the corresponding view controller header file. 컨트롤 키 ()를 유지 하 고 ^ Xcode 대화 상자를 표시 하 라는 메시지가 표시 될 때까지 storyboard에서 뷰 컨트롤러 파일로 컨트롤을 끕니다.Holding the Control key (^), drag the control from the storyboard to the view controller file until Xcode prompts you with a dialog box.

데모 링크 컨트롤Demo Link Control

위에서 설명한 것 처럼 해당 c # 코드는 뷰 컨트롤러의 코드 숨김이 파일에 자동으로 생성 됩니다.As illustrated above, the corresponding C# code will be automatically generated in the view controller's code-behind file. 이제 Xamarin.ios 프로젝트 내에서이 컨트롤에 액세스할 수 있습니다.You can now access this control within your Xamarin.iOS project.

기존 컨트롤의 이름 편집Editing an existing control's name

Xcode Interface Builder에서 기존 컨트롤의 이름을 편집 하 고 해당 변경 내용을 c # 프로젝트에 다시 반영 하려면 적절 한 뷰 컨트롤러 헤더 파일인 고로 이동 하 고 리팩터링 을 선택 합니다.To edit an existing control's name from the Xcode Interface Builder and reflect that change back into your C# project, navigate to the appropriate view controller header file, right-cick, and select Refactor.

리팩터링 컨트롤Refactor Control

코드 숨겨진 파일은 새 이름으로 다시 생성 되므로 Mac용 Visual Studio 코드를 통해 컨트롤에 액세스할 수 있습니다.Your code-behind file will regenerate with the new name, allowing you to access the control via code in Visual Studio for Mac.

알려진 문제Known problems

이 섹션에서는 알려진 문제에 대해 설명 합니다.This section covers known issues.

"Visual Studio에서 Xcode와 통신할 수 없습니다.""Visual Studio could not communicate with Xcode"

MacOS Catalina.properties 이상에서 아래 오류가 발생할 수 있습니다.In macOS Catalina or higher, you may encounter the error below:

오류를 전달할 없음cant communicate err

먼저, Mac의 시스템 기본 설정의 보안 & 개인 정보 > 자동화 에서 Visual Studio가 나열 되 고 Xcode 이 선택 되어 있는지 확인 합니다.First, in your Mac's system preferences under Security & Privacy > Automation, ensure that Visual Studio is listed and Xcode is checked.

macOS 보안macOS security

Xcode 를 선택 하 고 오류 메시지가 계속 표시 되는 경우 Mac용 Visual Studio 개인 정보 사용 권한을 다시 설정 해야 할 수 있습니다.If Xcode is checked and the error message still appears, you may need to reset the Visual Studio for Mac privacy permissions.

터미널 창을 시작 하 고 다음 명령을 실행 하 여이 작업을 수행할 수 있습니다.This can be accomplished by launching a Terminal Window and issuing the following command:

sudo tccutil reset All "com.microsoft.visual-studio"

위의 변경 내용이 적용 되도록 하려면 Mac의 PRAM을 다시 설정 합니다.To ensure the above change takes effect, reset your Mac's PRAM. 지침은 Mac에서 NVRAM 또는 PRAM 다시 설정을 참조 하세요.For instructions, see Reset NVRAM or PRAM on your Mac.