디자인 또는 디자인을 정의하는 XAML 보기

  • 아티클

아트보드를 변경하여 XAML 문서의 시각적 디자인을 표시하거나 시각적 디자인을 설명하는 XAML 마크업을 표시할 수 있습니다. 두 항목을 동시에 표시할 수도 있습니다.

디자인 보기와 XAML 보기 간 연계

The connection between Design and XAML view

  • 디자인 보기 Cc304469.32be2832-9f81-4617-97e6-a4a3988a136c(KO-KR,Expression.30).png - 아트보드를 문서의 시각적 디자인 보기로 변경합니다. 이 보기에서는 도구 패널의 도구를 사용하여 아트보드에서 개체를 그리거나 수정하고, 개체 및 타임라인 패널에서 디자인을 구성하는 개체를 확인하며, 선택한 개체의 속성을 확인할 수 있습니다.

  • XAML 보기Cc304469.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(KO-KR,Expression.30).png - 아트보드를 XAML 보기로 변경합니다. 이 보기에서는 XAML 코드를 직접 편집하고 XAML IntelliSense를 사용할 수 있습니다. 다른 텍스트 편집기와 마찬가지로 특정 줄로 이동하거나 텍스트를 검색하고 바꿀 수 있습니다. 그러나 이 보기에서는 도구 패널의 도구를 사용, 개체 및 타임라인 패널에서 개체 트리 보기 또는 속성 패널을 통해 개체를 수정할 수 없습니다. 또한 대부분의 메뉴 항목을 사용할 수 없습니다.

  • 나누기 보기Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(KO-KR,Expression.30).png - 아트보드를 디자인 보기와 XAML 보기를 모두 표시하는 패널 레이아웃으로 변경합니다. 이 보기에서는 디자인 보기를 선택한 것처럼 모든 Expression Blend 도구 및 기능을 사용할 수 있으며, 개체를 선택하면 개별 XAML 줄이 강조 표시됩니다. 패널 레이아웃을 구성할 수도 있습니다.

[!참고]

코드 숨김 파일에는 다른 제작 보기가 없습니다. 자세한 내용은 코드 숨김 파일 수정을 참조하십시오.

사용 중인 문서의 제작 보기 변경

다음 작업 중 하나를 수행합니다.

  • 아트보드의 오른쪽 위 영역에서 디자인, XAML 또는 나누기 탭 중 하나를 클릭합니다.

  • F11 키를 눌러 세 가지 보기 간을 전환할 수 있습니다.

  • 보기 메뉴에서 사용 중인 문서 보기를 클릭한 다음 디자인 보기, XAML 보기 또는 나누기 보기 옵션 중 하나를 선택합니다.

기본 제작 보기 변경

앞으로 열 모든 문서를 표시할 방법을 지정할 수 있습니다. 이와 동시에 여는 개별 문서의 제작 보기도 변경할 수 있습니다.

  • 보기 메뉴에서 사용 중인 문서 보기를 클릭한 다음 디자인Cc304469.32be2832-9f81-4617-97e6-a4a3988a136c(KO-KR,Expression.30).png 보기, XAMLCc304469.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(KO-KR,Expression.30).png 보기 또는 나누기Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(KO-KR,Expression.30).png 보기 중 하나를 클릭합니다.

나누기 보기 패널 레이아웃 변경

  1. 나누기Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(KO-KR,Expression.30).png 보기를 선택합니다.

  2. 보기 메뉴에서 나누기 보기 방향을 클릭한 다음 가로로 창 정렬, 세로로 창 정렬 또는 디자인 및 XAML 창 바꾸기 옵션 중 하나를 선택합니다.

    두 창 사이의 테두리를 끌어 창 크기를 조정할 수 있습니다.

참조

개념

작업 공간 늘리기

작업 영역의 다른 보기 저장

XAML 사용