XAMLPad
업데이트: 2007년 11월
XamlPad(xamlpad.exe)는 XAML(Extensible Application Markup Language)의 기본 시각적 편집기입니다. XAMLPad는 SDK와 함께 설치되며 시작 메뉴의 모든 프로그램*/Microsoft Windows SDK/Tools/XAMLPad*에 있습니다.
이 항목에는 다음 단원이 포함되어 있습니다.
- XAMLPad 기능
- XamlPad를 사용하여 XAML 콘텐츠 테스트
- XamlPad를 사용하여 시각적 트리 보기
- 관련 항목
XAMLPad 기능
XamlPad는 다음 기능을 제공하는 Windows SDK 도구입니다.
XAML 콘텐츠에 대한 실시간 편집 및 표시를 제공합니다.
XAML 태그가 XamlPad_save.xaml 파일에 자동으로 저장됩니다.
자동 구문 분석 및 새로 고침 모드에서 XAML 구문 유효성 검사 및 콘텐츠 다시 표시를 제공합니다.
복사, 붙여넣기 및 실행 취소와 같은 기본 텍스트 편집 명령을 제공합니다. 단순 문자열을 위한 찾기 지원도 제공합니다. 잘못된 XAML은 빨간색으로 표시됩니다.
주 창의 왼쪽 아래에 있는 상태 표시줄에 XAML 오류가 보고됩니다.
XAML 콘텐츠가 시각적 트리로 확장되어 사용자가 콘텐츠의 속성 값을 볼 수 있습니다.
파일 이름을 명령줄 인수로 전달하여 기존 XAML 파일을 XamlPad로 로드할 수 있습니다. 메뉴에는 파일 열기가 없습니다.
참고
경우에 따라 잘못된 태그가 저장된 경우 이러한 태그로 인해 XamlPad가 태그를 로드하지 못할 수 있습니다. 이 경우 XamlPad는 이후 실행 시도 시 로드되지 않을 수 있습니다. 이러한 문제를 해결하려면 일반 텍스트 편집기를 사용하여 XamlPad_save.xaml 파일을 열고 잘못된 태그를 수정한 다음 파일을 저장하십시오. 그러면 XamlPad가 다음 실행 시 예상대로 작동합니다.
XamlPad를 사용하여 XAML 콘텐츠 테스트
XamlPad에서는 콘텐츠 결과가 바로 표시되므로 XAML 콘텐츠 만들기 작업을 간단하게 실험해 볼 수 있습니다. 예를 들어 XamlPad는 OpenType 글꼴과 같은 WPF 기능 테스트에 유용합니다.
XamlPad로 OpenType 글꼴 테스트
.png)
자동 구문 분석 모드를 사용하면 XAML을 입력하면서 바로 구문 오류를 볼 수 있습니다. 자동 구문 분석을 사용하지 않으면 Refresh 단추를 클릭해야 오류를 볼 수 있습니다. 자동 구문 분석 모드는 XamlPad의 맨 위에 있는 Auto Parse 단추를 클릭하여 사용하거나 사용하지 않도록 설정할 수 있습니다.
오류가 발생하면 전체 XAML 콘텐츠가 빨간색으로 표시되고 XamlPad의 맨 아래에 있는 상태 정보에 특정 구문 오류가 표시됩니다. 표시된 오류의 오른쪽에 있는 하이퍼링크를 사용하면 오류가 있는 XAML 콘텐츠 영역으로 빠르게 이동할 수 있습니다. 다음 샘플에서 Label 정의는 닫는 '>'로 적절하게 종료되지 않았습니다.
구문 오류가 있는 XamlPad
XamlPad를 사용하여 시각적 트리 보기
XAMLPad를 사용하여 시각적 트리 계층 구조를 분석하면 컨트롤 템플릿 확장이 작동하는 방식을 보다 정확하게 파악할 수 있습니다. 이러한 지식은 사용자 인터페이스 디자인의 장단점 및 성능 비용을 이해하는 데 도움이 됩니다. XAML 콘텐츠에 해당하는 시각적 트리를 보려면 메뉴 모음에서 Show Visual Tree 단추를 클릭합니다. 다음 스크린 샷에서는 XamlPad의 Visual Tree Explorer 패널에서 시각적 트리 노드로 XAML 콘텐츠를 확장하는 것을 보여 줍니다.
XamlPad의 Visual Tree Explorer 패널
노드를 클릭하면 해당 계층 구조가 확장됩니다. 여기서 Label, TextBox 및 Button 컨트롤은 XamlPad의 Visual Tree Explorer 패널에 각각 별도의 시각적 개체 계층 구조를 표시합니다. 이는 WPF 컨트롤에 해당 컨트롤의 시각적 트리를 포함하는 ControlTemplate이 있기 때문입니다. 컨트롤을 명시적으로 참조하는 경우 해당 시각적 계층 구조를 암시적으로 참조하게 됩니다. 시각적 개체 및 시각적 트리에 대한 자세한 내용은 Windows Presentation Foundation 그래픽 렌더링 개요를 참조하십시오.
시각적 개체의 속성 보기
항목을 선택하여 Visual Tree Explorer에서 해당 항목의 속성 설정을 볼 수 있습니다. Visual Tree Explorer 패널 아래에 있는 Property Tree Explorer 패널에는 선택한 시각적 개체의 현재 속성 설정이 표시됩니다. 여기서는 Label 컨트롤의 파생된 두 클래스(ContentControl 및 Control)가 확장됩니다. FrameworkElement와 같은 다른 파생된 클래스를 계속 확장하여 더 많은 속성을 볼 수 있습니다.
XamlPad의 Property Tree Explorer 패널
이 패널은 기본 시각적 트리와 관련하여 응용 프로그램이 나타나는 방법을 이해하는 데 유용합니다. 예를 들어 WPF Visual Profiler는 시각적 트리의 컨텍스트에서 성능 문제를 나타냅니다. 다음 스크린 샷을 보면 Visual Profiler의 CPU Usage 섹션에 시각적 개체의 WPF 서비스(예: 렌더링 및 레이아웃) 사용 정보가 자세히 분석되어 제공되어 있습니다.
Visual Profiler 표시 출력
.png)
WPF 성능 도구에 대한 자세한 내용은 WPF용 성능 프로파일링 도구를 참조하십시오.