새로운 기능

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

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

Expression Blend을 사용하는 디자이너는 쉽고 재미있게 사용할 수 있는 응용 프로그램을 만들 수 있습니다.

프로토타입 생성

SketchFlow 소개

Expression Blend에는 SketchFlow가 포함되어 보다 쉽게 동적 사용자 환경을 실험하고 유용한 프로토타입을 만들 수 있도록 설계된 새로운 기능 집합이 도입되었습니다.

SketchFlow를 사용하면 관련자에게 설계 개념을 전달할 수 있으며 주석을 통해 사용자 의견을 보다 쉽게 수집할 수 있습니다. Microsoft Office PowerPoint 파일을 프로젝트 화면으로 가져올 수 있으며, 모든 화면의 스크린샷이 포함된 Microsoft Office Word 문서를 내보낼 수도 있습니다. SketchFlow 스타일 및 기타 자산은 자산 패널의 새로운 범주를 통해 구성됩니다.

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

자세한 내용은 SketchFlow로 프로토타입 생성을 참조하십시오.

디자인

Photoshop 및 Illustrator 파일 가져오기

Expression Blend를 사용하면 Expression Blend 내에서 쉽게 편집할 수 있도록 레이어, 도형, 텍스트 요소 등은 그대로 유지하면서 Adobe Photoshop 파일(.psd)과 Adobe Illustrator 파일(.ai)을 프로젝트로 직접 가져올 수 있습니다.

자세한 내용은 Photoshop 및 Illustrator 파일 가져오기를 참조하십시오.

[!참고]

Adobe 라이브 효과, 혼합 모드 및 심볼 스프레이어는 지원되지 않습니다. Adobe 파일을 가져올 때 Expression Blend에는 가져온 파일에 지원되지 않는 기능이 있는지 여부와 수행할 수 있는 작업을 알리는 메시지가 표시됩니다.

효과

Expression Blend에는 WPF 및 Silverlight 그래픽 효과 지원이 도입되었습니다. 자산 패널을 열고 효과 탭을 클릭한 다음 효과를 개체 위로 끌어 놓으면 됩니다. 효과의 속성은 속성 패널에서 수정할 수 있습니다.

자세한 내용은 효과 적용을 참조하십시오.

디자인 타임 주석

이제 디자이너는 Microsoft Visio의 주석과 매우 비슷한 시각적 거품형 주석을 아트보드에 추가할 수 있습니다. 이러한 주석은 첨부된 속성 형식으로 XAML 파일에 저장되며, 팀 구성원 간의 의사 교환 과정을 개선하는 데 사용할 수 있습니다. 주석은 런타임에는 표시되지 않습니다.

자세한 내용은 문서에 주석 추가를 참조하십시오.

자산 패널

자산 라이브러리가 새롭게 설계되어 아트보드에서 작업하는 동안에도 열어 둘 수 있는 고정 가능 패널로 바뀌었습니다. 자산은 보다 쉽게 검색 및 구성할 수 있도록 범주로 분류됩니다.

자세한 내용은 자산 패널을 참조하십시오.

스타일 컨트롤

아트워크에서 템플릿 만들기

수정된 컨트롤로 만들기 명령을 사용하면 아트보드에서 아트워크를 선택해 컨트롤용 스킨(컨트롤 템플릿)으로 변환할 수 있습니다.

자세한 내용은 기존 개체에서 사용자 정의 컨트롤 만들기를 참조하십시오.

Silverlight 프로젝트에서 작업 중인 경우에는 템플릿에서 개체를 마우스 오른쪽 단추로 클릭하고 파트로 만들기를 클릭하여 컨트롤의 개체를 특정 역할에 할당할 수 있습니다. 예를 들어 아트워크를 Slider 컨트롤 템플릿으로 변환하는 경우에는 템플릿의 개체 중 하나를 선택하여 슬라이더의 HorizontalThumb 역할에 할당할 수 있습니다. 파트 패널을 사용하면 컨트롤 템플릿에 필요한 파트를 쉽게 만들고 관리할 수 있습니다.

자세한 내용은 Silverlight 컨트롤 템플릿의 구성 요소 스타일 지정 및 공통 Silverlight 컨트롤의 스타일 지정 팁을 참조하십시오.

아트워크에서 TextBox 템플릿 만들기

컨트롤로 만들기 명령을 사용하며 TextBox 컨트롤 또는 ContentControl 컨트롤에서 파생된 컨트롤을 선택하는 경우, Expression Blend는 변환 중인 개체에서 발견되는 모든 TextBlock 개체의 입력 체계 속성을 결과 컨트롤 템플릿의 적절한 파트로 복사합니다.

상태

VSM 지원 개선

Expression Blend에서는 상태 패널의 사용자 인터페이스가 수정되어 Silverlight VSM(Visual State Manager) 지원이 개선되었습니다. 따라서 XAML 파일에서 상태가 원래 정의되었는지 여부에 관계없이 컨트롤의 여러 상태를 볼 수 있습니다. 속성이 여러 상태 그룹에서 변경된 경우에는 상태 패널에 경고 표시기가 표시됩니다. 이제 상태가 여러 시나리오에서 지원됩니다. 예를 들어 Windows Presentation Foundation (WPF) 프로젝트의 MainWindow.xaml 문서에서 상태를 정의할 수 있습니다.

자세한 내용은 컨트롤에 대해 다른 시각적 상태 정의를 참조하십시오.

상태 고정

상태 그룹에서 특정 상태의 미리 보기를 고정한 상태로 다른 상태 그룹에서 다른 상태를 수정할 수 있습니다.

상태 전환 편집

상태 전환용 스토리보드를 선택한 다음 개체 및 타임라인 패널에서 수정할 수 있습니다.

상태에서 그리기

상태를 선택한 다음 새 요소를 그리면 새 요소는 런타임에 선택한 상태에서만 표시됩니다. 이를 상태에서 그리기라고 합니다.

부드러운 레이아웃 전환

레이아웃 속성에 대한 변경 내용을 정의하는 상태 간의 점진적 전환을 만들 수 있습니다. 이전 버전 Expression Blend에서는 다른 상태에서 개체의 Row, Column, ColumnSpan, RowSpan 같은 속성을 변경하면 전환 기간을 지정하더라도 변경 내용이 지속적으로 적용되지 않습니다. FluidLayout 켜기을 선택하면 개체가 모눈 레이아웃 패널의 셀 간에 부드럽게 이동하도록 할 수 있습니다.

자세한 내용은 레이아웃 변경 간 매끄러운 전환을 참조하십시오.

전환 미리 보기

상태 패널에서 전환 미리 보기 설정을 클릭하면 전환을 미리 볼 수 있습니다. 전환 미리 보기가 설정되어 있으면 선택한 항목의 상태를 변경할 때마다 현재 정의되어 있는 두 상태 간의 전환이 런타임 시에 재생되는 것과 같이 아트보드에서 재생됩니다.

[!참고]

전환 미리 보기에서는 FluidLayout을 지원하지 않습니다.

대화형 작업

Behavior

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

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

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

자세한 내용은 개체에 동작 추가를 참조하십시오.

데이터

예제 데이터 사용

Expression Blend에서는 라이브 데이터에 액세스하지 않고도 데이터 연결 응용 프로그램의 프로토타입을 쉽게 생성하고 응용 프로그램을 빌드 및 테스트할 수 있습니다. 데이터 패널을 사용하면 예제 데이터를 생성하거나 XML 파일에서 예제 데이터를 가져올 수 있습니다. TreeView 컨트롤에 사용할 계층 구조 컬렉션 또는 플랫 컬렉션을 생성할 수 있으며, 네 가지 데이터 형식(문자열, 숫자, 부울, 이미지)에 대해 생성할 콘텐츠를 지정할 수 있습니다.

예제 데이터는 디자인 타임에 아트보드의 컨트롤에 사용할 수 있습니다. 예제 데이터 세부 정보를 포괄적으로 사용자 지정할 수 있으며, 런타임에 예제 데이터 사용과 라이브 데이터 사용 간에 쉽게 전환할 수 있습니다.

자세한 내용은 예제 데이터 만들기를 참조하십시오.

데이터 바인딩

Expression Blend에는 다음과 같은 새로운 데이터 바인딩 기능이 포함되어 있습니다.

• 데이터 패널의 데이터 항목을 개체 및 타임라인 패널로 끌어 데이터 바인딩을 만드는 기능

• 특정 개체의 속성을 Silverlight 프로젝트의 다른 개체 속성으로 바인딩하는 기능

• 응용 프로그램의 DataGrid 컨트롤 지원

• 데이터 패널의 목록 보기 및 세부 정보 보기를 사용한 마스터/세부 정보 시나리오 지원

• 데이터 컨텍스트에 대한 바인딩 지원 개선

• 데이터 연결 응용 프로그램의 프로토타입을 생성할 수 있도록 하는 예제 데이터의 계층 구조 컬렉션을 정의하는 기능

자세한 내용은 컨트롤에 데이터 표시를 참조하십시오.

개발자용 예제 데이터

원하는 사용자 지정 비즈니스 개체를 사용해 예제 데이터를 정의할 수 있으며, 이 예제 데이터 원본을 응용 프로그램에 사용할 수 있습니다. 비즈니스 개체는 XAML용으로 변경하지 않아도 됩니다. 예를 들어 Expression Blend는 공용 생성자가 없는 개체와 setter가 없는 속성을 처리합니다.

Silverlight

Silverlight 3 지원

Expression Blend에서는 Silverlight 3 응용 프로그램을 만들고 수정할 수 있습니다. Silverlight 2 프로젝트를 열면 Expression Blend에는 프로젝트 파일을 Silverlight 2에서 Silverlight 3로 업데이트할 것인지를 묻는 대화 상자가 표시됩니다.

Silverlight 학습 리소스 목록은 학습 및 커뮤니티 리소스를 참조하십시오.

웹 사이트 지원

Expression Blend에서 새 Silverlight 프로젝트를 만들 때는 Silverlight 응용 프로그램 및 웹 사이트라는 프로젝트 형식을 추가로 사용할 수 있습니다. 이러한 종류의 프로젝트를 사용하여 Silverlight 응용 프로그램을 만들면 Silverlight 응용 프로그램과 Silverlight 응용 프로그램을 로드할 기본 HTML 페이지가 있는 관련 웹 사이트가 모두 만들어집니다.

Silverlight 응용 프로그램이 브라우저 외부에서 실행되도록 설정

프로젝트 메뉴의 Silverlight 프로젝트 옵션을 사용하면 Silverlight 응용 프로그램이 브라우저 외부의 자체 응용 프로그램 창에서 실행되도록 구성할 수 있습니다. 자세한 내용은 프로젝트 테스트 또는 실행을 참조하십시오.

응용 프로그램 라이브러리 확장 캐시

프로젝트 메뉴의 Silverlight 프로젝트 옵션을 사용하면 Silverlight 응용 프로그램이 라이브러리 확장을 캐시하도록 구성할 수 있습니다. 그러면 Silverlight 응용 프로그램의 속도가 빨라집니다.

[!참고]

브라우저 외부에서 실행되는 Silverlight 응용 프로그램에서는 라이브러리 확장 캐시가 작동하지 않습니다.

원본 파일 버전 제어

TFS 지원

Expression Blend 3에는 Microsoft Visual Studio 2008 Team Foundation Server 지원 기능이 도입되었습니다. Team Foundation Server에 액세스할 수 있으면 솔루션 및 프로젝트에 대해 체크 인, 체크 아웃, 병합 등의 일반 원본 제어 관련 작업을 수행할 수 있습니다.

자세한 내용은 Team Foundation 원본 제어 사용을 참조하십시오.

애니메이션

보다 다양한 속성에 애니메이션 효과를 적용할 수 있음

Silverlight 프로젝트에서는 이전보다 훨씬 많은 속성에 대해 키 프레임을 기록할 수 있습니다. 이를 위해 속성 패널의 개별 속성 옆에 있는 마커를 클릭하면 나타나는 고급 속성 옵션 메뉴에 현재 값 기록이라는 새로운 메뉴 명령이 추가되었습니다.

Silverlight의 감속/가속에 대한 효율적 지원

키 프레임을 선택한 다음 속성 패널에서 EasingFunction을 선택하면 개별 키 프레임에 미리 정의되어 있으며 명명된 감속/가속 기능을 적용할 수 있습니다.

자세한 내용은 키 프레임 간 애니메이션 보간 변경을 참조하십시오.

리소스 값에 애니메이션 효과 적용

일부 리소스에 대해 애니메이션 효과를 적용할 수 있습니다. 예를 들어 색 속성에 대해 정적 값에서 색 리소스로 애니메이션 효과를 적용할 수 있습니다.

텍스트

글꼴 및 글꼴 하위 집합 포함 기능 개선

Expression Blend에서는 Silverlight 및 WPF 프로젝트의 글꼴 하위 집합을 쉽게 포함하고 만들 수 있습니다. 새로운 글꼴 관리자를 사용하여 컴퓨터에 설치된 글꼴을 선택하고 포함할 문자 하위 집합을 사용자 지정할 수 있습니다.

워크플로

고정 및 작업 영역 구성

Expression Blend에서는 모든 패널에 대해 완전한 고정 기능을 지원함으로써 이전 버전에서 제공되었던 작업 영역 구성 기능을 확장합니다. Expression Blend 사용자 인터페이스를 원하는 대로 사용자 지정하고 이 구성을 기본 설정으로 저장할 수 있습니다.

자세한 내용은 작업 공간 늘리기 및 작업 영역의 다른 보기 저장을 참조하십시오.

그라데이션 도구 개선

Expression Blend 3에서는 그라데이션 도구가 이전 버전에 비해 강력해졌으며 사용이 쉬워졌습니다. 이제는 그라데이션이 적용된 개체에 대해 그라데이션 오프셋 값을 직접 변경할 수 있습니다. 정지 위치를 변경하려면 정지를 끌면 되고, 새 정지를 추가하려면 Alt 키를 누른 상태로 그라데이션 표시기를 클릭하면 됩니다. 또한 새 그라데이션 표시기를 아트보드 위로 끌어 그라데이션을 빠르게 다시 정의할 수도 있습니다. 아트보드에서 임의의 위치를 두 번 클릭하면 표시되는 색 선택을 사용하여 정지 색을 변경할 수 있습니다.

레이아웃 작업 개선

Expression Blend 3에서는 레이아웃 작업이 다양하게 개선되었습니다. 이제 아트보드에서 개체를 직접 조작하여 이동하는 작업을 보다 일관되고 예측 가능한 방식으로 수행할 수 있습니다. 더 많은 컨테이너에 대해 맞춤 표시기가 표시되고, 개체 부모를 재지정하거나 개체를 그룹화할 때 레이아웃 속성 및 바인딩이 유지되며, 레이아웃 속성이 더 이상 불필요하게 XAML 코드 숨김 파일에 기록되지 않습니다. 또한 이제는 속성 검사를 사용해 속성이 자동으로 설정되어 있어도 개체의 너비와 높이를 변경할 수 있습니다. Expression Blend는 필요한 적정 여백을 자동으로 계산하여 개체 크기를 사용자가 지정한 대로 적용합니다.

직접 선택 기능 개선

Expression Blend에서는 선택 모델이 크게 변경되었습니다. 이러한 변경으로 인해 아트보드에서 새 개체를 그리고 선택 항목을 변경하는 작업이 쉬워졌습니다. 이러한 변경으로는 직접 선택 도구와 비슷하게 동작하도록 기능이 확장된 선택 도구, 개체를 그리거나 이동할 때 나타나는 시각적 표시기를 통해 개선된 아트보드의 만들기 및 부모 지정 동작 등이 있습니다.

선택 테두리 점 선택

이제는 직접 선택 도구를 사용할 때 움직이는 선택 테두리 선택을 통해 경로의 개별 점을 선택할 수 있습니다. 마우스를 끌어 선택할 점이 포함된 영역을 정의하면 됩니다.

자동 스크롤 및 확대/축소 기능 개선

개체를 이동하거나 크기를 조정하면 Expression Blend 아트보드가 자동으로 스크롤됩니다. 아트보드 바깥으로 포인터를 이동하면 스크롤이 중지됩니다. 마우스 휠을 돌리면 아트보드가 기본적으로 확대/축소됩니다.

자세한 내용은 아트보드 확대/축소 또는 이동을 참조하십시오.

바로 가기 키 및 보조 키

Expression Blend에는 직접 선택, 선택 테두리 선택, 콘텐츠 복제, 이동, 확대/축소 등의 작업을 위한 새로운 바로 가기 키 및 보조 키가 도입되어 일반적인 작업을 보다 쉽게 수행할 수 있습니다.

자세한 내용은 바로 가기 키 및 보조 키를 참조하십시오.

개선된 TileBrush 지원

이제 Silverlight 응용 프로그램에 대해 바둑판식으로 배열된 이미지 브러시를 만들고 편집할 수 있습니다. 또한 Silverlight 및 WPF 응용 프로그램에 대해 모두 브러시를 다시 만드는 대신 Source 속성을 속성 패널의 브러시 범주에서 직접 설정할 수 있습니다.

클립보드에서 이미지 복사 및 붙여넣기

이제는 Windows Internet Explorer, Adobe Photoshop, Microsoft 그림판 등의 다른 응용 프로그램에서 클립보드로 복사한 이미지 데이터를 Expression Blend로 직접 붙여 넣을 수 있습니다. Expression Blend는 붙여넣기 작업을 수행하는 위치에 따라 추가할 프로젝트 요소 형식을 결정합니다. 예를 들어 리소스 패널에서 이미지를 붙여 넣으면 프로젝트에 이미지 파일이 추가되고 ImageBrush 리소스가 만들어집니다.

템플릿 구조

컨트롤이 데이터 컬렉션을 표시해야 하는 등의 특정 시나리오에 적용되는 템플릿이 컨트롤에 포함되어 있는 경우, 이러한 템플릿은 이제 개체 메뉴의 템플릿 편집 항목 다른 템플릿 편집 범주에 표시됩니다. 이는 ListBox 컨트롤의 ItemContainerStyle 템플릿 같은 템플릿을 쉽게 탐색하기 위한 것입니다.

기본값 직렬화

Expression Blend는 필요하지 않으면 속성 값을 명시적으로 설정하지 않습니다. Expression Blend 2의 경우에는 HorizontalAlignment 같은 속성을 Stretch로 설정할 때 필요하지 않아도 기본값이므로 속성 값을 XAML 파일에 기록했습니다. Expression Blend에서는 스타일을 통해 값을 설정하는 등의 특수한 경우를 제외하고는 이 값을 기록하지 않습니다.

기본값은 속성 패널의 속성 옆에 있는 마커를 클릭하면 나타나는 고급 속성 옵션 메뉴에서 로컬 값으로 변환 명령을 사용해 명시적으로 설정할 수 있습니다.

개선된 UserControl 컨트롤 편집 환경

UserControl 컨트롤을 정의하는 XAML을 수정할 때 더 이상 프로젝트를 다시 빌드하여 아트보드의 모든 UserControl 개체를 업데이트할 필요가 없습니다.

또한 아트보드에서 UserControl 개체 중 하나를 두 번 클릭하면 UserControl 컨트롤의 편집 모드를 시작할 수 있습니다.

프로젝트 패널에서 파일 검색

프로젝트 패널에서 항목을 검색할 수 있습니다. 검색 창을 끄면 검색 중에 확장했던 노드는 확장된 상태로 유지되므로 검색한 항목을 쉽게 찾을 수 있습니다.

파일에서 찾기 명령

편집 메뉴에서 새로운 파일에서 찾기 명령(Ctrl+Shift+F)을 사용하면 여러 파일에서 텍스트를 검색할 수 있습니다.

프로젝트 패널 확장

이제 Expression Blend에서는 솔루션을 닫았다가 다시 열 때 프로젝트 패널에 있는 여러 노드의 확장 상태가 기억됩니다.

코드 편집

XAML, C# 및 Visual Basic 코드 편집

Expression Blend에는 사용자의 작업 시간을 줄이는 기능이 도입되어 XAML 지원이 개선되었습니다. 이제는 Expression Blend 내에서 C# 및 Visual Basic 코드 숨김 파일을 수정할 수 있습니다. 코드 편집기는 코드 수정 시 생산성을 높이는 데 사용할 수 있는 다양한 기능을 지원합니다. 이러한 기능에는 IntelliSense(구문 완성), 자동 서식, 괄호 일치, 함수 요약 작성, 이벤트 처리기 만들기 등이 있습니다.

XAML 편집 기능 개선

나누기 보기에서 XAML을 잘못 변경한 경우 개체 트리가 확장된 상태로 유지됩니다. 또한 XAML에서 개체 속성을 잘못된 값으로 설정해도 아트보드에서 개체 작업을 계속할 수 있습니다.

Visual Studio에서 이벤트 처리기 추가

Expression Blend에는 C# 및 Visual Basic 코드 숨김 파일을 수정하는 코드 편집기가 포함되어 있습니다. 기본적으로 속성 패널의 이벤트 보기를 사용하여 코드 숨김 파일에 이벤트 처리기 코드를 추가하면 Expression Blend는 내부 코드 편집기에서 코드 숨김 파일을 엽니다. 그러나 Microsoft Visual Studio를 대신 사용하여 이벤트 처리기를 추가할 수도 있습니다.

확장성

확장 가능 자산 패널

어셈블리가 하나 이상 포함된 디렉터리를 등록하면 Expression Blend에서 자산 패널의 콘텐츠를 채울 수 있습니다. 사용자 지정 아이콘 및 기타 항목을 표시하는 코드를 작성할 수 있습니다. 또한 이와 같이 알려진 어셈블리에 저장된 컨트롤을 인스턴스화할 수 있으며, 그에 따라 Expression Blend에서 필요한 어셈블리 참조를 프로젝트에 추가합니다.

아트보드 확장성

Expression Blend 3에는 Silverlight 및 WPF용 확장성 API에 대한 여러 개선된 기능이 도입되었습니다. 확장성 지점은 Visual Studio 디자이너와 호환되며, 아트보드도 더욱 유동적으로 확장할 수 있습니다.

확장 가능 프로젝트 템플릿

Expression Blend에서는 확장 가능한 프로젝트 템플릿이 지원되어 프로젝트와 항목 스텁을 사용자 지정할 수 있으므로 프로젝트 만들기 과정을 개선할 수 있습니다. 이러한 프로젝트 템플릿은 Visual Studio에서 지원하는 템플릿의 하위 집합이며, 프로젝트 간 종속성과 어셈블리 참조가 포함된 복잡한 솔루션을 만드는 데 사용할 수 있습니다.

참조

개념

학습 및 커뮤니티 리소스

기타 리소스

Microsoft Expression 커뮤니티 사이트