이전 장에서는 XAML이 무엇이며 무엇을 위해 사용하는지에 대해 설명했지만 XAML에서 컨트롤을 만들려면 어떻게해야합니까? 다음 예제에서 볼 수 있듯이 XAML에서 컨트롤을 만드는 것은 각도 대괄호로 둘러싸인 이름을 작성하는 것만큼 쉽습니다. 예를 들어 단추는 다음과 같습니다: 페이지에 단추를 추가해 보겠습니다. 이 자습서에서는 App.xaml, MainPage.xaml 및 MainPage.xaml.cs 이전에 나열된 파일 중 몇 개만 작업합니다. 예를 들어 XAML의 텍스트 블록과 단추를 사용하여 간단한 StackPanel을 빌드하고 C#의 동일한 코드와 비교합니다. GridView에 표시하려면 표시할 데이터 컬렉션을 제공해야 합니다. MainPage.xaml.cs 열고 GetItemsAsync 메서드를 찾습니다. 이 메서드는 MainPage에 추가한 속성인 Images라는 컬렉션을 채웁니다. MainPage.xaml을 두 번 클릭하여 디자인 보기에서 엽니다. XAML이란 무엇입니까? 확장 가능한 응용 프로그램 태그 언어(XAML)는 앱의 사용자 인터페이스를 정의하는 데 사용되는 언어입니다. 수동으로 입력하거나 Visual Studio 디자인 도구를 사용하여 만들 수 있습니다.
.xaml 파일에는 논리가 포함된 .xaml.cs 코드 숨결 파일이 있습니다. XAML과 코드 숨결은 함께 완전한 클래스를 만듭니다. 자세한 내용은 XAML 개요를 참조하십시오. UWP로 만든 최신 비즈니스 응용 프로그램에 대 한 좋은 예는 반 Ardsel 인벤토리 응용 프로그램입니다. 소스 코드는 GibHub Microsoft 인벤토리 샘플 앱에서 사용할 수 있습니다. 다른 색상으로 C #: 모든 XAML 파일의 시작 부분에 두 개의 네임스페이스를 포함해야 합니다. 첫 번째는 http://schemas.microsoft.com/winfx/2006/xaml/presentation. System.Windows.Controls의 모든 wpf 컨트롤에 매핑됩니다.
두 번째는 XAML 키워드를 정의하는 System.Windows.Markup에 매핑되는 http://schemas.microsoft.com/winfx/2006/xaml. XML 네임스페이스와 CLR 네임스페이스 간의 매핑은 어셈블리 수준에서 XmlnsDefinition 특성에 의해 수행됩니다. clr-네임스페이스: 접두사를 사용하여 XAML에 CLR 네임스페이스를 직접 포함할 수도 있습니다. 결과는 위와 정확히 동일하므로이 경우 구문과 다른 것에 관한 것입니다. 그러나 많은 컨트롤에서는 텍스트 이외의 콘텐츠(예: 다른 컨트롤)를 허용합니다. 다음은 단추 내부에 여러 TextBlock 컨트롤을 사용하여 동일한 단추에 다른 색상의 텍스트가 있는 예제입니다: 물론 위의 예제는 덜 명시적으로 작성되고 더 많은 구문 설탕을 사용할 수 있지만 요점은 여전히 유효하다고 생각합니다. 인터페이스를 설명하기위한 매우 짧고 간결합니다. 솔루션 탐색기에서 MainPage.xaml을 두 번 클릭하여 엽니다. UI 요소가 추가되지 않은 앱의 기본 페이지를 표시합니다. a. 리포지토리의 마스터 분기를 로컬로 복제합니다.
b. Windows 앱 샘플-사진 랩xaml-기본-시작 지점사용자 인터페이스 디렉토리로 이동합니다. a. ZIP 다운로드를 클릭하고 파일을 로컬로 저장합니다. 이렇게 하면 필요한 모든 프로젝트 파일이 포함된 .zip 파일이 다운로드됩니다. b. 파일을 추출합니다. 파일 탐색기를 사용하여 방금 다운로드한 .zip 파일로 이동하여 마우스 오른쪽 단추로 클릭하고 모두 추출을 선택합니다…. c.
샘플의 로컬 복사본으로 이동하여 Windows-appsample-photo-lab-masterxaml-basics-시작 지점사용자 인터페이스 디렉토리로 이동합니다. 세 번째 단계 페이지에서는 마스터/세부 정보, DataGrid, 탭, 맵, 카메라, 잉크, 차트 등 큰 목록에서 페이지를 선택하는 페이지를 만들 수 있습니다.
