분할된 뷰: WPF 디자인 화면과 XAML을 동시에 보기
WPF Designer for Visual Studio에서는 분할된 뷰라는 뷰를 지원합니다. 분할된 뷰를 사용하면 XAML 태그와 비주얼 디자이너를 동시에 모두 볼 수 있습니다. 비주얼 디자이너에서 변경한 내용은 XAML 태그에 즉시 반영되며 그 반대의 경우도 마찬가지입니다. 이 항목에서는 분할된 뷰를 사용 및 구성하는 몇 가지 방법에 대해 설명합니다.
분할된 뷰
분할된 뷰는 구분선으로 구분된 두 개의 창으로 구성되어 있습니다. 한 창에는 현재 창 또는 사용자 컨트롤의 디자인 뷰가 표시됩니다. 이 창에서는 Windows Forms 프로그래머에게 익숙한 끌어서 놓기 스타일의 응용 프로그램 개발 방법을 사용할 수 있습니다. 두 번째 창에는 현재 창 또는 사용자 컨트롤의 XAML 뷰가 표시됩니다. 이 XAML 태그는 전체적으로 편집할 수 있으며 IntelliSense를 지원합니다. 이 창에 적절한 태그를 입력하여 직접 XAML 요소를 편집하거나, 특성을 추가하거나, 새 요소를 추가할 수 있습니다.
분할된 뷰에 있는 두 개의 창은 동기화되므로 한 창에서 변경한 내용은 다른 창에서도 업데이트됩니다. 예를 들어 도구 상자의 컨트롤을 디자인 뷰로 끌어 오면 XAML이 즉시 업데이트되어 새 요소를 반영합니다. 마찬가지로 XAML 뷰에서 태그를 입력하여 새 요소를 추가한 경우 XAML의 형식이 올바르면 디자인 뷰에 시각적 표현이 즉시 나타납니다.
.png "분할 뷰")
분할된 뷰 구성
분할된 뷰는 사용자의 개인적인 프로그래밍 스타일 및 취향에 맞게 구성할 수 있습니다. 두 창 사이의 구분선 위치를 마우스로 변경하여 두 창의 상대적 크기를 변경할 수 있습니다. 구분선에는 분할된 뷰의 모양을 바꾸는 데 사용할 수 있는 몇 개의 아이콘이 들어 있습니다. 디자인 탭과 XAML 탭 사이의 창 바꾸기 아이콘을 클릭하면 창의 위치가 전환됩니다. 구분선에 함께 모여 있는 세 개의 아이콘을 사용하면 창이 나란히 표시되는 세로 뷰와 창이 위아래로 쌓여 표시되는 가로 뷰 사이를 전환하고 아래쪽 창을 축소하거나 확장할 수 있습니다. 한 창이 축소된 경우 구분선의 적절한 탭을 클릭하여 디자인 뷰와 XAML 뷰 사이를 전환할 수 있습니다. 구분선을 두 번 클릭하는 것은 확장/축소 아이콘을 클릭하는 것과 같은 효과가 있습니다. 탭을 두 번 클릭하면 해당 창이 전체 뷰로 설정됩니다. 창 레이아웃은 프로젝트 내에 각 문서와 함께 저장됩니다.