blend for Visual Studio 사용하면 XAML 기반 Windows 및 웹 애플리케이션을 디자인할 수 있습니다. Visual Studio 동일한 기본 XAML 디자인 환경을 제공하고 애니메이션 및 동작과 같은 고급 작업을 위한 시각적 디자이너를 추가합니다. Blend와 Visual Studio의 비교를 위해서는 Visual Studio에서 XAML 디자인하기 및 Blend for Visual Studio를 참조하세요.
Visual Studio의 Blend는 Visual Studio의 컴포넌트입니다. Blend를 설치하려면 Visual Studio 설치 관리자WinUI 애플리케이션 개발 또는 .NET 데스크톱 개발 워크로드를 선택합니다. 이러한 두 워크로드에는 Visual Studio 구성 요소용 Blend가 포함됩니다.
blend for Visual Studio 새로운 경우 잠시 시간을 내어 작업 영역의 고유한 기능을 숙지하세요. 이 항목에서는 빠른 둘러보기를 안내합니다.
Open Blend
Blend UI로 전환하려면 Visual Studio에서 XAML 기반의 프로젝트를 연 다음, View> Blend에서 디자인...을 선택합니다. 그러면 Visual Studio UI용 Blend가 열립니다.
도구 패널
blend for Visual Studio Tools 패널을 사용하여 애플리케이션에서 개체를 만들고 수정할 수 있습니다. .xaml 파일을 열면 XAML 디자이너의 왼쪽에 도구 패널이 나타납니다.
도구를 선택하고 마우스로 아트보드에 그려 개체를 만듭니다.
팁 (조언)
도구 패널의 일부 도구에는 변형이 있습니다. 예를 들어 사각형 대신 줄임표 또는 줄을 선택할 수 있습니다. 이러한 변형에 액세스하려면 도구를 마우스 오른쪽 단추로 클릭하거나 클릭하고 길게 누릅니다.
선택 도구
개체 및 경로를 선택합니다. 직접 선택 도구를 사용하여 중첩된 개체 및 경로 세그먼트를 선택합니다.
도구 보기
아트보드의 뷰를 확대/축소 및 이동과 같이 조정합니다.
브러시 도구
브러시 변환 또는 그라데이션 적용과 같은 개체의 시각적 특성을 사용하여 작업합니다.
개체 도구
아트보드에서 경로, 도형, 레이아웃 패널, 텍스트 및 컨트롤과 같은 가장 일반적인 개체를 그립니다.
자산 도구
자산 창에 액세스하고 라이브러리에서 가장 최근에 사용한 자산을 표시합니다.
자산 창
Assets 창에는 사용 가능한 모든 컨트롤이 포함되며 Visual Studio Toolbox 비슷합니다. 컨트롤 외에도 스타일, 미디어, 동작 및 효과를 포함하여 자산 창에서 아트보드에 추가할 수 있는 모든 항목을 찾을 수 있습니다. 자산 창을 열려면자산> 창을 선택하거나 Ctrl++를 누릅니다.
- 자산 검색 상자에 텍스트를 입력하여 자산 목록을 필터링합니다.
- 오른쪽 위에 있는 단추를 사용하여 자산의 그리드 모드와 목록 모드 보기 간에 전환합니다.
개체 및 타임라인 창
이 창을 사용하여 아트보드에서 개체를 구성하고 원하는 경우 애니메이션 효과를 줄 수 있습니다. 개체 및 타임라인 창을 열려면문서 개요> 선택합니다. Visual Studio 문서 개요 창 제공된 기능 외에도 Visual Studio Blend의 개체 및 타임라인 창에는 오른쪽에 타임라인 컴퍼지션 영역이 있습니다. 애니메이션을 만들고 편집할 때 타임라인을 사용합니다.
스토리보드를 만들거나 삭제하거나 닫거나 선택하려면
스토리보드 관련 단추를 사용하세요. 오른쪽의 타임라인 컴퍼지션 영역을 사용하여 타임라인을 보고 키 프레임을 이동합니다.
사용 가능한 기능에 대해 자세히 알아보려면 창의 각 단추를 마우스로 가리킵니다.