다음 Xamarin.Forms 그리드 생성: 드래그 앤 드롭만큼 쉽습니다.

다른 개발 플랫폼을 사용해 본 적이 있다면 컨트롤이나 코드에 필요한 모든 것을 끌어다 놓을 수 있는 네이티브 도구 상자를 사용하는 데 익숙할 것입니다. 이제 Xamarin.Forms를 사용하기로 결정했습니다. 그리고 도구 상자도 없습니다.

여기에서 Xamarin 용 Ultimate UI 컨트롤이 제공되며 Xamarin를 위한 세계 최초의 NuGet 기반 도구 상자인 Infragistics Toolbox를 제공합니다. 양식. 이 도구 상자를 사용하면 사용할 구성 요소나 컨트롤을 끌어서 놓을 수 있으며 XAML 코드가 자동으로 생성됩니다.

시작하려면 우리가 만든 앱을 엽니다. 솔루션이 열리면 프로젝트를 마우스 오른쪽 단추로 클릭하고 솔루션에 대한 NuGet 패키지 관리를 선택합니다.

NuGet 패키지 관리자의 찾아보기 탭에서 XF를 검색합니다. DataGrid 입니다. Infragistics.XF.DataGrid 패키지를 선택한 다음, 확인 표시를 하여 프로젝트에 대한 패키지를 활성화합니다. Install(설치)을 클릭하여 솔루션에 패키지를 추가합니다.

이제 패키지를 추가했으므로 도구 상자를 열고 무엇이 있는지 살펴보겠습니다. 보기 -> 다른 창 -> Infragistics 도구 상자를 클릭하여 도구 상자를 열 수 있습니다.

우리가 설치한 패키지를 사용하면 도구 상자에서 다양한 레이아웃, 보기 및 셀을 볼 수 있어야 합니다. 지금은 그리드를 사용하는 데 특히 집중하겠습니다.

이전 블로그에서 만든 솔루션을 사용하여 GridPage.xaml 이라는 View가 이미 있습니다. 도구 상자로 작업할 수 있도록 이 페이지를 열어 보겠습니다. 페이지를 열고 커서를 한 줄에 놓고 도구 상자에서 Grid를 두 번 클릭합니다.

빈 그리드가 자동으로 생성됩니다. 이 시점에서 그리드는 그다지 흥미롭지 않습니다. 우리는 여전히 우리가 원하는 모양과 데이터가 어떻게 표시되어야 하는지에 따라 사용자 정의해야 합니다. 이 그리드를 삭제한 다음 다른 방법으로 추가해 보겠습니다. 커서를 한 줄에 놓고 Ctrl 키를 누른 상태에서 그리드 레이아웃을 두 번 클릭합니다.

이제 우리는 몇 가지 실시간 절약에 대해 이야기하고 있습니다. 그리드가 생성될 뿐만 아니라 그리드의 레이아웃은 2개의 열과 5개의 행을 자동으로 제공하여 더 복잡합니다. 이 바로 가기는 그리드 및 도구 상자의 다른 모든 컨트롤에 사용합니다.

페이지를 빠르게 디자인하고 코딩 및 서식 지정을 자동화하기 위해 끌어서 놓을 수 있는 보기, 레이아웃 및 도구 설명을 안내하는 이 소개 비디오를 통해 도구 상자를 사용하여 모바일 앱 빌드를 시작하세요.

Infragistics Toolbox를 사용하여 레이아웃과 뷰를 만드는 시간을 절약할 수 있는 방법을 알아볼 준비가 되셨나요? 시작하려면 Xamarin 용 UI 컨트롤 시험판을 다운로드하세요. 도움이 되는 비디오와 수업도 있습니다.