Infragistics Toolbox로 빠르게 작성

중요: 시작하기 전에

Infragistics Toolbox가 올바르게 작동하려면 Visual Studio 확장인 "Visual Studio 2015용 NuGet 패키지 관리자" v3.5.0.1996 이상이 설치되어 있어야 합니다. Visual Studio 갤러리의 최신 버전은 v3.4.4이고 Microsoft는 v3.4.4에서 v3.5.0.1996으로의 자동 업데이트를 활성화하지 않았으므로 이 패키지를 수동으로 업데이트해야 합니다.

최신 버전으로 업데이트하려면 다음 단계를 따르세요.

1. Visual Studio의 모든 인스턴스를 닫습니다.
2. 최신 NuGet 도구 다운로드​

참고: 드문 경우지만 도구 상자에서 Infragistics 컨트롤이 누락될 수 있습니다. 도구 상자 창 하단에 있는 "새로 고침" 버튼을 클릭하면 현재 프로젝트의 NuGet 패키지에 있는 모든 Infragistics 컨트롤이 도구 상자에 추가됩니다.

1단계 프로젝트 설정

Visual Studio를 열고 새 프로젝트를 만듭니다. 프로젝트를 생성할 때 Cross Platform App (Xamarin.Forms 또는 Native) 을 선택합니다. 이 예에서는 프로젝트 이름을 App6으로 지정합니다. 또한 포털 클래스 라이브러리가 있는 빈 앱을 사용하도록 지정해야 합니다.

Infragistics Toolbox를 열려면 보기 를 클릭하고 다른 Windows 를 강조 표시한 다음 Infragistics Toolbox 를 클릭합니다.

2단계 도구 상자에서 XAML 추가

도구 상자의 기능을 시연하려면 솔루션에서 MainPage.xaml 파일을 엽니다. 도구 상자를 연 상태에서 도구 상자의 Xamarin.Forms 보기를 XAML의 빈 줄로 끌어서 놓습니다. 코드에 대한 태그가 자동으로 채워집니다.

그런 다음 Ctrl 키를 누른 채 다른 요소를 드래그하세요. 태그가 표시될 뿐만 아니라 공통 속성도 기본값으로 채워집니다.

이를 통해 코드를 작성하지 않고도 앱에서 구성 요소를 빠르고 쉽게 구축할 수 있습니다. 도구 상자에서 몇 가지 코드 예제를 드래그한 후 기본 MainPage.xaml 파일로 돌아가기 위해 추가한 코드 줄을 삭제합니다.

3단계 Infragistics 컨트롤 사용

다음으로 Infragistics 컨트롤을 솔루션에 추가합니다. 프로젝트를 마우스 오른쪽 단추로 클릭한 다음 솔루션용 NuGet 패키지 관리를 클릭합니다. 패키지 소스를 Infragistics (Local)로 변경합니다. 찾아보기 탭에서 Infragistrics.XF.Gauges 패키지를 선택합니다. Android 앱용 패키지를 지정한 다음 패키지를 추가합니다.

패키지가 솔루션에 추가되면 Infragistics 도구 상자가 Xamarin.Forms 컨트롤로 업데이트됩니다. 이는 작성하지 않고도 완전히 구성된 XAML 코드를 만들기 위해 끌어서 놓을 수 있는 추가 구성 요소입니다.

도구 상자를 사용하여 구성 요소를 추가하는 또 다른 기능은 구성 요소를 XAML 화면으로 끌 때 구성 요소에 필요한 네임스페이스도 추가된다는 것입니다. 예를 들어 XamRadialGauge 컨트롤을 끌어서 놓으면 게이지 XAML이 채워질 뿐만 아니라 Infragistics 네임스페이스도 ContentPage 요소에 생성됩니다.

끌어서 놓는 컨트롤을 기반으로 필요한 네임스페이스가 자동으로 생성됩니다. XamPieChart 컨트롤을 XAML에 추가하여 네임스페이스의 변경 사항을 확인하세요.