Expression Blend의 새로운 기능

Microsoft Expression Blend 4에서는 Microsoft Silverlight 3 및 Microsoft Silverlight 4 기반 웹 사이트와 응용 프로그램, Windows Presentation Foundation (WPF) 3.5 SP1(서비스 팩 1) 및 WPF 4 기반 데스크톱 응용 프로그램을 만들 수 있습니다.

Expression Blend에서는 프로토타입 생성, 동작을 통한 대화형 작업, 특수 Silverlight 기능, 빠른 예제 데이터 생성 기능 등이 새롭게 지원됩니다.

Expression Blend에는 빠르고 쉽게 구성할 수 있는 새 동작이 포함되어 있습니다. 기간 업무(LOB) 응용 프로그램 개발을 지원하기 위해 Expression Blend에서는 Views 및 ViewModels 에 대한 지원을 제공합니다.

Silverlight 및 WPF

Silverlight 4 및 WPF 4 지원

Expression Blend에서 Silverlight 4 및 WPF 4 응용 프로그램 프로젝트를 만들고 수정할 수 있습니다. 또한 Silverlight 3 프로젝트를 대상 Silverlight 4 로 업그레이드하거나 WPF 3.5 SP1(서비스 팩 1) 프로젝트를 대상 WPF 4로 업그레이드할 수 있습니다.

Silverlight 3 및 WPF 3.5 SP1(서비스 팩 1) 호환성

Expression Blend에서 Silverlight 3 및 WPF 3.5 SP1(서비스 팩 1) 응용 프로그램 프로젝트를 계속 만들고 수정할 수 있습니다.

Visual Studio과의 상호 운용성

Expression Blend 및 Microsoft Visual Studio 2010 은 동일한 프로젝트 형식을 사용하며 Expression Blend에서 Visual Studio 2008 프로젝트를 Visual Studio 2010 프로젝트로 변환할 수 있습니다.

SketchFlow

중요:
SketchFlow는 Expression Studio Ultimate에서만 사용할 수 있습니다.

디자이너는 SketchFlow를 사용해 시각적 방식으로 응용 프로그램 탐색 및 구성을 모델링할 수 있습니다. SketchFlow 프로토타입은 여러 장의 스케치가 연속되는 방식으로 단순할 수도 있지만 설계 의도를 전달하는 데 필요한 경우에는 최대한 사실적으로 구현할 수도 있습니다. Photoshop 가져오기, 시각적 상태, 동작 및 예제 데이터를 포함하여 Expression Blend의 모든 UI(사용자 인터페이스) 모델링 기능도 프로젝트 프로토타입을 생성하는 데 사용할 수 있습니다.

SharePoint에 게시

Expression Blend SketchFlow 프로젝트를 만든 후에는 Microsoft SharePoint 문서 라이브러리에 프로젝트를 게시할 수 있습니다. SketchFlow 프로젝트는 SharePoint 사이트에서 콘텐츠를 볼 수 있는 권한이 있는 모든 사용자가 사용할 수 있습니다.

검토자는 자신의 의견을 SharePoint 사이트에 게시하여 관련 사용자와 의견을 공유할 수 있습니다.

작업 항목으로 사용자 의견 변환

검토자 의견을 Microsoft Team Foundation 작업 항목으로 변환하여 항목에 대한 작업을 수행하고 해당 항목을 추적할 수 있습니다.

SketchFlow 애니메이션 선택

PlaySketchFlowAnimationAction 동작은 이벤트에 대한 응답에서 SketchFlow 애니메이션을 재생하는 데 사용됩니다. 속성 패널에서 새 선택을 사용하여 제어할 작업에 대한 SketchFlow 애니메이션을 선택할 수 있습니다.

SketchStyles

SketchStyles는 새 SketchFlow 프로젝트에 대한 기본 스타일 집합입니다. 언제든지 다른 스타일 집합으로 전환할 수 있습니다.

화면 이름 지정

SketchFlow 맵에서 새 화면 또는 구성 요소 화면을 만들 때 화면을 만든 후 바로 화면 이름을 지정할 수 있습니다.

SketchFlow 애니메이션 일시 중지 및 다시 시작

Expression Blend에서 SketchFlow 애니메이션의 각 프레임에는 새 일시 중지 단추가 포함됩니다. 이 단추를 사용하면 SketchFlow 플레이어에서 재생할 때 SketchFlow 애니메이션이 해당 프레임에서 일시 중지됩니다. SketchFlow 플레이어에는 각 SketchFlow 애니메이션 옆에 재생/일시 중지 단추가 있어서 해당 애니메이션을 재생, 일시 중지 또는 다시 시작하는 데 사용할 수 있습니다.

그래픽 및 레이아웃

Photoshop 파일 가져오기의 향상된 기능

Expression Blend에서 더 적은 시스템 리소스를 사용하여 Adobe Photoshop(.psd) 파일을 더 빠르게 가져올 수 있습니다. 또한 다음 레이어 효과를 해당 레이어에 병합할 수 있습니다.

• 그림자

• 내부 그림자

• 색 오버레이

• 후광

• 발광

• 그라데이션 오버레이

• 3D 가장자리 및 볼록

• 저광택

픽셀 셰이더 효과

Expression Blend에서 사용자는 애니메이션 효과를 적용할 수 있고 색 조작, 변형 및 기타 특수 효과를 포함하는 다양한 기본 제공 픽셀 셰이더 컬렉션에서 다양한 효과를 선택할 수 있습니다. 사용자 고유의 새 효과를 만들고 공유할 수도 있습니다.

도형

Expression Blend의 자산 패널에는 호, 화살표, 설명선 및 다각형을 쉽게 만들 수 있는 기본 설정을 포함하여 새 도형 범주가 제공됩니다. 도형은 스케치 스타일 및 사각형 스타일 간을 쉽게 전환할 수 있습니다.

패스를 따라 항목 레이아웃

Expression Blend의 새 기능 중 하나는 모든 패스를 따라 항목을 레이아웃할 수 있는 기능입니다. 항목은 애니메이션 효과를 적용할 수 있는 일부 설정을 통해 패스를 따라 정렬할 수 있습니다. 시작 속성에 애니메이션 효과를 적용하여 이동 패스 시나리오에서 이 기능을 사용할 수도 있습니다.

컨트롤

새 컨트롤

Expression Blend는 Silverlight의 RichTextBox 컨트롤에 대한 도구 지원을 제공합니다.

향상된 컨트롤 스타일 지정

컨트롤에 포함된 Window, Page 또는 UserControl 의 컨텍스트에서 컨트롤을 항상 사용자 지정할 수 있는 것은 아닙니다. 컨트롤 스타일이 다른 문서에 있는 경우 스타일 편집은 컨트롤의 컨텍스트가 아닌 해당 문서에서 발생합니다. 그러나 Expression Blend에서 크기, 데이터 컨텍스트 및 기타 속성 값과 같은 컨트롤 인스턴스는 편집 중에 스타일 또는 템플릿으로 모두 전달됩니다. 따라서 편집 모드에서도 컨트롤 템플릿은 컨텍스트에 표시되는 것처럼 보입니다.

사용자는 추상 형식 또는 기본 생성자가 없는 형식을 대상으로 하는 스타일 및 템플릿을 편집할 수 있습니다. 또한 이런 형식에서 파생되는 모든 XAML 파일을 편집할 수 있습니다.

시각적 상태

공용 WPF 4 컨트롤의 상태 인식

많은 공용 WPF 4 컨트롤의 템플릿을 만들거나 수정할 때 상태 패널은 사용자가 지정할 수 있는 상태 목록으로 채워집니다. 이는 다음과 같은 WPF 4 컨트롤이 원래 Visual State Manager와 함께 작동하도록 디자인되고 작업이 진행되는 States 를 표시하기 때문입니다.

• Button

• CalendarButton

• CalendarDayButton

• CalendarItem

• CheckBox

• ComboBox

• ComboBoxItem

• Control

• DataGrid

• DataGridCell

• DataGridColumnHeader

• DataGridRow

• DataGridRowHeader

• DatePicker

• DatePickerTextBox

• Expander

• GridSplitter

• GridViewColumnHeader

• ListBoxItem

• PasswordBox

• ProgressBar

• RadioButton

• RichTextBox

• RepeatButton

• ScrollBar

• Slider

• TabControl

• TabItem

• TextBox

• Thumb

• ToggleButton

• ToolTip

• TreeViewItem

픽셀 셰이더 효과 전환

상태 전환 중에 픽셀 셰이더 효과를 사용할 수 있습니다. 감속/가속 기능을 선택할 때 효과를 선택하고 해당 속성을 설정하기만 하면 됩니다. 효과는 한 상태에서 다른 상태로 전환을 수행합니다. 드러내기, 닦아내기, 표시, 모자이크 처리, 잔물결 및 소용돌이 등을 예로 들 수 있습니다.

ListBox 항목 시작 및 종료 전환

ListBox 에 항목 추가 및 항목 제거에 애니메이션 효과를 적용할 수 있으며 감속/가속 기능을 포함하여 해당 전환의 모든 세부 정보를 제어할 수 있습니다. 사용자 고유의 ItemsControl 을 만드는 경우 동일한 해당 상태를 항목 컨테이너 형식에서 정의할 수 있습니다. 또한 ListBox 의 항목 패널에 FluidMoveBehavior 를 적용하는 경우 기존 항목은 새 항목 시작을 위한 공간을 쉽게 만들게 됩니다.

View 및 ViewModel 지원

Expression Blend는 새 예제 데이터, 동작 및 프로젝트 템플릿을 제공하여 Views 및 ViewModels 를 지원합니다.

Views 및 ViewModels 를 사용하면 UI(사용자 인터페이스) 개체가 응용 프로그램 데이터 및 동작에서 가능한 분리되도록 Silverlight 또는 WPF 응용 프로그램을 구성할 수 있습니다. 이를 통해 디자인 작업 및 개발 작업이 독립적으로 서로를 방해하지 않고 수행되도록 도와줄 수 있습니다. 기본적으로 사용자 UI는 View 입니다. 사용자는 View 의 개체를 ViewModel 의 속성 및 명령에 바인딩합니다. View 는 ViewModel 에서 메서드를 호출할 수도 있습니다.

대화형 작업

동작을 사용하면 코드를 작성하지 않고도 응용 프로그램에 대화형 작업을 추가할 수 있습니다. 동작은 아트보드의 모든 개체에 직접 적용할 수 있는 다시 사용 가능한 구성 요소입니다. 이러한 구성 요소는 확장 가능 트리거, 확장 가능 작업 및 기타 동작으로 구성됩니다.

동작은 자산 패널에서 선택할 수 있지만 개발자는 다양한 기능을 제공하는 API를 사용하여 Silverlight 및 WPF 프로젝트에 사용할 트리거, 작업 및 동작을 직접 만들 수 있습니다.

동작을 직접 만드는 방법에 대한 자세한 내용은 도움말 메뉴의 Expression Blend SDK 문서에 나와 있습니다.

새 동작

중요:
SketchFlow는 Expression Studio Ultimate에서만 사용할 수 있습니다.

Expression Blend에는 터치 동작을 사용하여 스크롤하는 데 사용할 수 있는 새 TranslateZoomRotateBehavior 멀티터치 동작 및 PanningItems 컨트롤이 포함되어 있습니다. 또한 Expression Blend는 프레임 변경이나 SketchFlow 애니메이션 일시 중지 또는 완료에 응답하는 SketchFlowAnimationTrigger 라는 새 트리거를 제공합니다. 사용자는 Expression Blend에서 SetDataStoreValueAction 및 DataStoreChangedTrigger 와 같이 목록 상자 간에 항목 끌기, 메뉴 탐색 수정 및 화면 상태 유지 등을 위한 새 동작 집합을 사용할 수 있습니다.

흥미로운 향상 기능이 FluidMoveBehavior 에 추가되었으며 동일한 데이터 항목의 다른 보기에 이 동작을 적용하는 경우 항목이 한 보기에서 다른 보기로 이동할 때(예: 목록 보기에서 세부 정보 보기로 이동) 두 보기 간 전환에 애니메이션 효과를 유동적으로 적용합니다.

Model-View-ViewModel 패턴을 사용하는 응용 프로그램에서 사용하기 위한 새 동작에는 CallMethodAction , InvokeCommandAction 및 DataStateBehavior 가 포함됩니다. 이러한 항목은 ViewModels 에서 동작을 호출하거나 해당 속성 변경에 응답하도록 사용할 수 있습니다.

조건부 동작 및 데이터 저장소

모든 동작은 동작을 실행하기 위해 충족시켜야 하는 조건 집합에 연결할 수 있습니다. 이는 Expression Blend에서 사용자가 코드를 쓰지 않고도 프로토타입 및 프로덕션 응용 프로그램에 조건부 논리를 빌드할 수 있음을 의미합니다. 또한 현재 사용자 역할과 같은 응용 프로그램 변수를 읽고 쓸 수 있는 위치인 데이터 저장소라는 새 기능을 제공하여 응용 프로그램의 다양한 구성 요소가 이 공유 상태를 통해 효과적으로 통신할 수 있도록 합니다.

이 기능의 일부로 제공되는 새 동작 구성 요소에는 모든 작업에 대해 속성 패널에 표시되는 조건 편집기, 데이터 저장소의 값을 조정할 수 있는 SetDataStoreValueAction 작업 및 데이터 저장소 내에서 선택한 속성이 변경될 때마다 실행되는 DataStoreChangedTrigger 트리거가 포함됩니다.

데이터 및 리소스

Expression Blend에서는 런타임 데이터 및 리소스를 사용할 수 없을 때에도 데이터 연결 응용 프로그램의 프로토타입을 쉽게 생성하고 응용 프로그램을 빌드 및 테스트할 수 있습니다.

CLR 형식에서 디자인 타임 데이터 만들기

XML 기반 예제 데이터를 만드는 기능 이외에도 CLR 형식에서 디자인 타임 예제 데이터를 만들 수 있습니다. 형식에 public 생성자가 없거나 public 세터가 없는 속성이 있는 경우에도 데이터 패널의 클래스에서 예제 데이터 만들기를 사용하여 디자인 타임 예제 데이터를 만들 수 있습니다.

데이터 패널은 개체의 DataContext 보기를 디자인 타임 또는 런타임에 제공하며 이 패널에서 사용자는 속성, 명령 및 메서드를 DesignSurface로 끌어서 사용자 UI를 바인딩할 수 있습니다.

디자인 타임 ViewModels

사용자 응용 프로그램이 Views 및 ViewModels 패턴을 사용하는 경우 데이터 패널의 클래스에서 예제 데이터 만들기를 사용하여 디자인 타임 예제 ViewModels를 생성함으로써 이 데이터의 컨텍스트에서 응용 프로그램을 계속 디자인할 수 있습니다.

디자인 타임 리소스

일부 경우에 런타임에 해석되는 리소스가 디자인 타임에 해석되지 않을 수 있습니다. 이런 경우에는 응용 프로그램을 디자인하는 동안 리소스 사전을 선택하여 디자인 타임에 사용할 수 있습니다.

더욱 간편해진 요소 대 요소 속성 바인딩

속성 패널의 고급 옵션을 사용하여 요소 속성을 함께 바인딩하는 작업을 쉽게 수행할 수 있습니다.

애니메이션

WPF 4 감속/가속 기능

WPF 4 프로젝트의 감속/가속 기능으로 강력하고 생산적인 표현력의 이점을 활용할 수 있습니다. 사용자 지정 감속/가속 기능을 만들 수 있으며 프로젝트에 사용할 수도 있습니다.

보조 키가 필요 없는 키 프레임의 움직이는 텍스트 선택

타임라인에서 마우스를 사용하여 키 프레임의 움직이는 텍스트를 더욱 쉽게 선택할 수 있습니다. 예전에는 움직이는 텍스트 선택 키 프레임을 끄는 동안 Ctrl 키를 누르고 있어야 했습니다.

XAML 간결성

Expression Blend는 애니메이션 및 애니메이션 관련 속성에 대해 더 적은 XAML을 생성합니다.

프로젝트

데이터 바인딩된 프로젝트 템플릿

Expression Blend에는 View 및 ViewModel 응용 프로그램에 대한 기본 시작점을 제공하는 새 프로젝트 템플릿이 포함되어 있습니다.

Ctrl+F5를 눌러 프로젝트 실행

Visual Studio와 통일성을 향상시키기 위해 이제 Ctrl+F5 또는 F5를 눌러 프로젝트 실행 명령을 호출할 수 있습니다.

예제 및 템플릿의 Zip 지원

Expression Blend는 이제 느슨한 파일 및 폴더에서 읽기 이외에도 Zip 파일에서 항목 템플릿, 프로젝트 템플릿 및 예제 읽기를 지원합니다.

참조 항목

개념

학습 및 커뮤니티 리소스

기타 리소스

Microsoft Expression 커뮤니티 사이트 

Copyright ⓒ 2011 by Microsoft Corporation. All rights reserved.