소개

Blend for Visual Studio 2017이 Visual Studio 2017에 조용히 붙어 있도록 첨부되어 있습니다.
Blend라고 하면, 처음은 유료의 툴로 주로 Silverlight의 화면 설계를 위한 디자이너용 툴이라고 하는 위치설정이었을까 생각합니다.
그 후 Silverlight 가 종료되어 버려 현재는 어떻게 되어 있는지 시험해 보았습니다.

Blend 2017 열기

시작 메뉴에서 다음 아이콘을 찾아 클릭합니다. (Windows 10의 경우 B 그룹에 있음)



시작하면 아래와 같은 화면이 열립니다. Visual Studio 같지만 미묘하게 다릅니다.


파일 메뉴의 새 프로젝트에서 새 프로젝트 대화 상자를 엽니다. 템플릿은 정말 간단합니다.



WPF 앱을 선택하고 OK 버튼을 클릭하면 WPF 앱에 디자인 화면이 열립니다.

화면을 디자인해보세요

화면의 디자인은 Visual Studio와 마찬가지로 부품을 붙여 가는 방식입니다. 부품은 디자인 화면의 왼쪽 옆에 세로로 늘어서 있습니다.



이것만으로는 부족하다고 생각할 것 같습니다만, 맨 아래의 >> 버튼을 클릭하면 숨어 있던 부품이 시끄럽게 나옵니다. 너무 많은 것이 많기 때문에 어디에 무엇이 있는지 기억하는 것도 힘들 것 같습니다.



부품을 붙여 적당히 만든 화면이 아래 이미지입니다. 이 화면에서는, 「닫기」버튼을 클릭했을 때, 윈도우가 닫을 뿐입니다만, 부품의 색을 바꾸거나 애니메이션을 실시하거나 여러가지 할 수 있는 것 같습니다.

이벤트 핸들러 추가하기

이벤트 핸들러를 추가하면 여러가지 가능합니다만, 여기는 시험이라고 하는 것으로, 버튼을 클릭하면 윈도우를 닫는 이벤트 핸들러를 추가합니다. 우선, 버튼의 이름을 붙여야 합니다만, 프로퍼티 윈도우의 맨 위에 「이름」이 있으므로, 거기에 버튼의 이름 (여기에서는 btnClose)을 입력합니다.

또한 '이름' 옆에 있는 커뮤니티 마크를 클릭하면 이벤트 핸들러 목록이 표시되므로 Click 에 btnClose_Click 을 입력합니다.



[보기] 메뉴에서 코드를 선택하면 코드 화면으로 전환됩니다. 코드를 보면, 이벤트 핸들러가 추가되어 있을 것이므로, 처리로서 "Close();"를 입력합니다.

private void btnClose_Click(object sender, RoutedEventArgs e)
{
    Close();
}

실행해보기

실행해 보면 아래 이미지와 같이 뭔가 익숙하지 않은 검은 버튼이 표시됩니다.



이 도구 아래쪽을 클릭하면 아래 이미지처럼 숨길 수 있습니다.

용도

비즈니스 응용 프로그램의 경우 화면이 충분하기 때문에 일반적으로 WPF가 필요하지 않습니다.

Blend를 사용하면 디자인 노력이 별로 없으므로 강력한 PowerPoint로 사용할 수 있습니다. 매크로를 사용하는 PowerPoint 프레젠테이션을 만드는 경우 Blend를 사용할 수도 있습니다.

전자 간판 등에도 사용할 수 있네요. 깨끗한 화면과 복잡한 애니메이션을 표현할 수 있습니다.

HTTP 클라이언트 기능을 통합하면 단순한 간판이 아닌 대화형 앱을 만들 수 있습니다. 브라우저에서 복잡한 JavaScript 프로그램을 짜는 것보다 C#이나 VB.NET 쪽이 개발 효율도 높고, WPF의 표현력도 높습니다. WPF는 Direct-X 기반이므로 속도도 빠릅니다.