문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문

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

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



디자인 보기와 코드 보기 간 연결

디자인 및 XAML 뷰 간 연결
  • 디자인 보기  - 아트보드를 문서의 시각적 디자인 보기로 변경합니다. 이 보기에서는 도구 패널의 도구를 사용하여 아트보드에서 개체를 그리거나 수정하고, 개체 및 타임라인 패널에서 디자인을 구성하는 개체를 확인하며, 선택한 개체의 속성을 확인할 수 있습니다.

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

  • 분할 보기  아트보드를 디자인 보기 및 코드 보기를 모두 표시하는 패널 레이아웃으로 변경합니다. 이 보기에서는 디자인 보기를 선택한 것처럼 모든 Blend 도구 및 기능을 사용할 수 있으며 개체를 선택하면 개별 XAML 줄이 강조 표시됩니다. 패널 레이아웃을 구성할 수도 있습니다.

참고 참고

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

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

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

    1. 아트보드의 오른쪽 위 영역에서 디자인 JJ170797.32be2832-9f81-4617-97e6-a4a3988a136c(ko-kr,VS.120).png, 코드JJ170797.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(ko-kr,VS.120).png, 또는 분할JJ170797.5b79e600-984e-4f44-b8cd-6c1522832ad4(ko-kr,VS.120).png 중 하나를 클릭합니다.

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

    3. 보기 메뉴에서 활성 문서 보기를 클릭한 다음 디자인 보기, 분할 보기 또는 코드 보기 옵션 중 하나를 선택합니다.

기본 제작 보기 변경

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

    주의 정보 주의

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

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

  1. 분할보기 JJ170797.5b79e600-984e-4f44-b8cd-6c1522832ad4(ko-kr,VS.120).png가 선택되어 있는지 확인합니다.

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

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

표시: