Expression Blend 2의 새로운 기능
Microsoft Expression Blend 2에서는 Microsoft Silverlight 1.0 웹 사이트뿐만 아니라 WPF(Windows Presentation Foundation) 응용 프로그램도 만들 수 있습니다. 서비스 팩 1을 설치한 경우에는 Silverlight 2 응용 프로그램도 만들 수 있습니다.
Microsoft Expression Design 2의 콘텐츠를 Silverlight 1.0 응용 프로그램에서 사용할 수 있는 형식으로 내보낼 수 있고 비디오, Silverlight 및 Expression Blend 2 작업을 할 때는 Microsoft Expression Encoder 2를 활용할 수 있습니다.
Silverlight 1 지원
Expression Blend 2에서 Silverlight 1.0 웹 사이트 프로젝트를 사용할 수 있습니다. Silverlight 1.0 프로젝트가 열려 있으면 Silverlight 1.0에서 사용할 수 있는 컨트롤 및 속성만 Expression Blend 2 사용자 인터페이스에 표시되고 Silverlight 1.0에서 지원되지 않는 WPF 컨트롤 및 속성은 표시되지 않습니다.
Expression Blend 2에는 JavaScript 텍스트 편집기가 포함되어 있으므로 Silverlight 1.0 코드 숨김 파일을 편집할 수 있습니다.
Expression Blend 2에서 Silverlight를 사용하는 방법에 대한 자세한 내용은 Silverlight 1.0 빠른 시작의 항목을 참조하십시오.
.gif "Cc294722.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif")
맨 위로 이동
Silverlight 2 지원(서비스 팩 1만 해당)
서비스 팩 1이 추가됨으로써, 이제 웹에 사용할 풍부한 사용자 인터페이스 응용 프로그램을 디자인할 수 있는 Silverlight 2 프로젝트를 만들고 수정할 수 있습니다. Silverlight 2 프로젝트는 웹 사이트에 추가할 수 있는 .xap 파일과 기타 지원 응용 프로그램 파일을 만듭니다. Visual Studio 2008용 Microsoft Silverlight Tools가 설치되어 있는 경우에는 Visual Studio 2008에서 프로젝트를 수정하고 Expression Blend에서 코드 숨김 파일을 두 번 클릭하여 손쉽게 열 수 있습니다.
Silverlight 2는 Silverlight 1.0에서는 지원되지 않았던, WPF와 공통되는 많은 기능을 지원합니다. Silverlight 2 프로젝트가 열려 있으면 Silverlight 2에서 사용할 수 있는 컨트롤 및 속성만 Expression Blend 2 사용자 인터페이스에 표시됩니다.
Expression Blend 2 서비스 팩 1과 함께 사용할 수 있는 Silverlight 2에 대한 자세한 내용은 Silverlight 2 빠른 시작의 항목을 참조하십시오. 리소스에 대한 자세한 내용은 Microsoft Silverlight 학습 센터 웹 사이트를 참조하십시오.
.gif "중요 사항") 중요: |
|---|
Silverlight 2 런타임 뷰어는 Expression Blend 2 SP1을 설치할 때 Silverlight 2 SDK와 함께 설치됩니다. Expression Blend는 이 런타임 버전을 사용하여 디자인 보기에 프로젝트를 표시하지만, Silverlight 2 응용 프로그램을 테스트할 때는 현재 브라우저에서 사용하고 있는 Silverlight 버전을 이용하여 응용 프로그램이 렌더링됩니다. 좀 더 최신 버전의 런타임을 요구하는 웹 사이트를 방문한 적이 있는 경우 브라우저에서 서비스 팩과 함께 설치된 버전보다 최신 버전인 런타임이 사용되고 있을 수 있습니다. |
맨 위로 이동
Silverlight 2 컨트롤 상태 사용자 지정(서비스 팩 1만 해당)
다양한 상태의 시스템 컨트롤, 사용자 지정 컨트롤, 사용자 정의 컨트롤의 모양을 사용자 지정할 수 있습니다. 예를 들어 MouseOver가 상태이기 때문에 마우스 포인터를 위로 가져갈 때 단추가 더 크게 나타나도록 만들 수 있습니다. 전환 값을 사용하여 상태 간 전환에 걸리는 시간을 지정할 수 있습니다. 직접 만든 사용자 정의 정의 컨트롤에서 다양한 상태의 사용자 정의 컨트롤 모양뿐 아니라 사용자 지정 상태도 정의할 수 있으며, 이벤트 처리기를 사용하여 사용자 정의 컨트롤에서 해당 상태가 시작되는 시기를 결정할 수 있습니다. 자세한 내용은 다양한 상태의 시스템 컨트롤 모양 수정 및 사용자 정의 컨트롤의 다양한 시각적 상태 및 전환 시간 정의를 참조하십시오.
맨 위로 이동
Silverlight 2 컨트롤 스킨 지정(서비스 팩 1만 해당)
Silverlight 2 프로젝트는 정적 리소스를 지원하기 때문에 재사용 가능한 템플릿을 만들어 시스템 컨트롤과 사용자 정의 컨트롤을 사용자 지정하고 해당 컨트롤의 스킨을 효과적으로 만들 수 있습니다. 상태 변경 내용을 템플릿에 포함할 수 있습니다. 자세한 내용은 Silverlight 2 프로젝트에서 컨트롤의 스킨 만들기를 참조하십시오.
맨 위로 이동
Visual Studio 2008 지원
Expression Blend 2에서는 Microsoft Visual Studio 2008 프로젝트 및 솔루션을 열고 작업할 수 있습니다. 새 버전인 Expression Blend 2에서 WPF(Windows Presentation Foundation) 프로젝트는 기본적으로 Visual Studio 2008 솔루션으로 만들어집니다(대상이 Microsoft .NET Framework 3.0이든 .NET Framework 3.5든 관계없음). Visual Studio 2005에서 Visual Studio 2008 솔루션을 편집할 수는 없지만 Expression Blend 2 및 Visual Studio 2005에서 이전 버전의 Expression Blend와 Visual Studio 2005를 사용하여 만든 프로젝트를 열 수 있습니다.
맨 위로 이동
파일 변경 내용 동기화
Expression Blend 2 및 Visual Studio에서 동시에 Silverlight 사이트 프로젝트를 수정하면 Visual Studio에서 변경한 내용이 바로 Expression Blend에 적용됩니다. 또한 WPF 프로젝트의 파일 변경 내용은 Expression Blend와 Visual Studio 간에도 동기화됩니다.
맨 위로 이동
기존 개체로 컨트롤 만들기
Expression Blend 2는 기존 그래픽 콘텐츠를 재사용할 수 있는 컨트롤(인스턴스화)로 리팩터링(변환)하는 새로운 기능을 제공합니다. 선택한 요소와 참조되는 리소스 및 참조되는 애니메이션이 새 컨트롤로 리팩터링됩니다. 새 컨트롤을 표시하고 인스턴스화하려면 프로젝트를 빌드해야 합니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 기존 개체에서 컨트롤 만들기를 참조하십시오.
[!참고]
컨트롤 만들기 도구는 Silverlight 1.0에서 사용할 수 없습니다.
맨 위로 이동
나누기 보기 및 XAML 편집기 고급 기능
Expression Blend 2에서는 열려 있는 문서를 디자인 보기와 XAML 보기로 동시에 볼 수 있습니다. 두 가지 보기로 동시에 보려면 아트보드 오른쪽에 새로 추가된 나누기 탭을 선택하면 됩니다. 개체, 스토리보드, 스타일, 템플릿, 키 프레임 등에 대한 문서 변경 내용이 나누기 보기의 디자인 및 XAML 창에 바로 나타납니다. 또한 디자인 보기의 아트보드 또는 개체 및 타임라인 아래에서 개체를 선택하면 XAML 보기의 포인터가 XAML 코드의 해당하는 줄로 바로 이동합니다. 도구 메뉴의 옵션 아래에 있는 코드 편집기 설정을 수정하여 XAML 편집기(XAML 탭)의 글꼴 크기, 글꼴 패밀리, 탭 크기 및 자동 줄 바꿈을 지정할 수 있습니다. 이 기능에 대한 자세한 내용은 XAML 보기에서 XAML 파일 편집 및 XAML에서 개체 또는 리소스 보기를 참조하십시오.
맨 위로 이동
스토리보드 선택기
이전 버전의 스토리보드 상자가 스토리보드 선택기로 대체되었습니다. 스토리보드 선택기는 선택한 스토리보드의 이름을 표시하는 레이블(스토리보드를 선택한 경우)과 바로 가기 메뉴(레이블을 마우스 오른쪽 단추로 클릭한 경우), 바로 가기 단추(해당 바로 가기 메뉴) 및 모든 스토리보드를 닫고 기록 모드를 끝내는 닫기 단추로 구성됩니다. 바로 가기 메뉴와 바로 가기 단추를 사용하여 스토리보드 새로 만들기를 수행하고 스토리보드가 선택되어 있는 경우 선택한 스토리보드를 복제, 반전 또는 삭제할 수 있습니다. 또한 바로 가기 메뉴를 통해 선택한 스토리보드의 이름 바꾸기를 수행할 수도 있습니다. 바로 가기 메뉴에는 범위 내 모든 스토리보드가 여러 열로 구성된 레이아웃으로 포함되어 있습니다. 바로 가기 메뉴의 크기를 조정하고 목록의 맨 위에 있는 검색 텍스트 상자에 따라 목록을 필터링할 수 있습니다. 스토리보드 레이블은 스토리보드의 속성을 수정할 때 스토리보드를 선택하는 데 사용됩니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 스토리보드 열기 또는 닫기 및 스토리보드 만들기, 수정 또는 삭제를 참조하십시오.
맨 위로 이동
스토리보드 및 키 프레임 속성
Expression Blend 2는 속성 패널에서 스토리보드와 키 프레임의 속성을 설정하는 새로운 기능을 제공합니다. 스토리보드를 선택한 상태에서 속성을 설정하여 반복 동작을 변경하고 끝에 도달할 경우 반전되도록 지정할 수 있습니다. 스토리보드 레이블을 클릭한 후에만 이러한 속성을 변경할 수 있습니다. 이 기능에 대한 자세한 내용은 해당 주기가 끝나면 스토리보드가 반복 또는 반전하도록 수정 및 스토리보드 복제 또는 반전를 참조하십시오.
맨 위로 이동
키 스플라인 편집기
이제 새로운 키 스플라인 편집기를 통해 키 프레임 간 감속/가속 동작을 수정하여 더욱 실감나는 애니메이션을 개발할 수 있습니다. 스토리보드에서 하나 이상의 키 프레임이 선택되어 있으면 키 스플라인 그래픽 편집기가 속성 패널의 감속/가속에 나타납니다. 그래프의 끝점을 끌거나 특정 값을 설정할 수 있습니다. 그래프에서 x-축은 이전 키 프레임과 선택한 키 프레임 사이의 시간 간격을 나타내고 y-축은 애니메이션 효과를 적용할 속성의 값을 나타냅니다. 키 스플라인은 리소스를 만들어 다른 키 프레임에 적용하는 방식으로 재사용할 수 있습니다. 이 기능에 대한 자세한 내용은 키 프레임 간 애니메이션 보간 변경을 참조하십시오.
맨 위로 이동
꼭지점 애니메이션
Expression Blend 2는 선의 개별 꼭지점(점 및 접선)에 애니메이션 효과를 적용하는 새로운 기능을 제공합니다. 이전에는 애니메이션 기록 모드에서 꼭지점을 수정하면 개체의 원래 모양(도형)이 영구적으로 수정되었지만, 이제 패스의 개별 꼭지점에 애니메이션 효과를 적용하고 선과 베지어 세그먼트를 서로 변환하고 애니메이션 효과가 적용된 기존 패스에 꼭지점을 추가할 수 있습니다. 이 기능에 대한 자세한 내용은 패스 또는 클리핑 패스의 점에 애니메이션 효과 적용 또는 패스의 꼭지점에 애니메이션 효과 적용 빠른 시작을 참조하십시오.
맨 위로 이동
클립 패스 편집 및 애니메이션 효과 적용
Expression Blend 2에서는 아트보드에 클리핑 패스를 만든 후 수정할 수 있습니다. 또한 클리핑 패스의 개별 꼭지점에 애니메이션 효과를 적용할 수 있으며, 클래핑 패스를 해제해도 원본 패스 개체가 손실되지 않습니다. 이 기능에 대한 자세한 내용은 클리핑 패스 적용, 수정 또는 제거 및 패스 또는 클리핑 패스의 점에 애니메이션 효과 적용을 참조하십시오.
맨 위로 이동
드로잉 브러시 리소스 편집
Expression Blend 2에서는 리소스 패널에서 아트보드로 기존 드로잉 브러시(DrawingBrush) 리소스를 끌어 놓고 바로 가기 메뉴에서 캔버스로 DrawingBrush 복사를 선택한 후 캔버스에서 드로잉 브러시의 구성 요소를 수정한 다음 캔버스를 마우스 오른쪽 단추로 클릭하여 드로잉 브러시 리소스로 다시 이동하거나 복사하는 방식으로 기존 드로잉 브러시를 수정할 수 있습니다. 이 기능에 대한 자세한 내용은 드로잉 브러시 리소스 만들기 또는 수정을 참조하십시오.
[!참고]
리소스(드로잉 브러시 리소스 포함)는 Silverlight 1.0에서 사용할 수 없습니다.
맨 위로 이동
이동 경로 탐색 막대
Expression Blend 2에서는 아트보드 위에 이동 경로 탐색 막대가 표시되어 템플릿 계층을 탐색하는 동안 사용자의 현재 위치를 확인할 수 있습니다. 이동 경로 탐색 막대는 템플릿과 스타일을 편집할 때 편집 범위를 빠르게 전환하는 데도 유용합니다. 이동 경로 탐색 막대는 선택한 개체를 지정합니다. 단추(Button)와 같이 템플릿을 적용할 수 있는 개체를 선택한 경우 이동 경로 탐색 항목에서 드롭다운 화살표를 클릭하면 해당 개체에서 수행할 수 있는 작업(예: 단추 템플릿 편집)을 볼 수 있습니다. 개체의 스타일 또는 템플릿을 이미 편집한 경우에는 이동 경로 탐색 막대에 이전에 편집한 스타일 및 템플릿 항목을 나타내는 추가 항목이 포함됩니다. 따라서 개체에서 편집된 스타일 또는 템플릿을 확인하고 편집 중인 범위를 빠르게 전환하며 변경 내용이 적용되는 정확한 위치를 파악하기가 용이해졌습니다. 이 기능에 대한 자세한 내용은 이동 경로 탐색 막대를 사용하여 스타일 계층 구조 탐색을 참조하십시오.
[!참고]
Silverlight 1.0 프로젝트를 연 경우에는 이동 경로 탐색 막대를 사용할 수 없습니다.
맨 위로 이동
글꼴 포함
Expression Blend 2는 프로젝트에 글꼴을 포함하는 새로운 기능을 제공합니다. 따라서 응용 프로그램에 글꼴을 포함할 수 있습니다. 글꼴 포함 기능을 이용하면 응용 프로그램에서 사용하도록 선택한 글꼴이 해당 응용 프로그램을 실행하는 모든 사용자에게 표시됩니다. Expression Blend에서 선택할 수 있는 글꼴의 대부분은 대개 사용자가 이미 갖고 있으므로 포함할 필요가 없습니다. 하지만 선택한 글꼴이 사용자에게 없는 경우 프로젝트에 글꼴을 포함하지 않으면 기본 시스템 글꼴이 나타납니다.
Expression Blend 응용 프로그램에 글꼴을 포함하려면 도구 메뉴에 새로 제공되는 글꼴 관리자 대화 상자를 사용할 수 있습니다. 이 대화 상자는 텍스트 컨트롤을 선택한 경우 속성 패널의 텍스트에서 제공되는 고급 속성 섹션에서도 사용할 수 있습니다. Expression Blend 2는 .ttf, .ttc, .otf 및 .tte 파일에 포함된 글꼴을 포함하는 기능을 지원합니다. Microsoft 사용자 정의 문자 편집기를 사용하면 나만의 사용자 지정 문자를 .tte 파일로 만들 수 있습니다.
[!참고]
Silverlight 1.0에서는 글꼴 포함 기능을 사용할 수 없습니다.
이 기능을 사용하는 방법에 대한 자세한 내용은 응용 프로그램에 사용자 지정 글꼴 추가, 응용 프로그램에 글꼴 또는 글꼴 하위 집합 포함 및 글꼴 관리자 열기를 참조하십시오. WPF 응용 프로그램에 글꼴을 포함하는 방법에 대한 자세한 내용은 MSDN에서 응용 프로그램과 함께 글꼴 패키징을 참조하십시오.
| 중요: |
|---|
응용 프로그램에 글꼴을 포함하거나 그 하위 집합을 포함하거나 그 밖의 방식으로 글꼴을 재배포해야 하는 경우, 해당 글꼴에 필요한 사용권이 있는지 확인하는 것은 글꼴을 추가한 사용자의 책임입니다. |
Expression Blend에서 제공되는 글꼴에 대한 사용권 계약서 완본은 Microsoft 소프트웨어 사용 조건(EULA.language.rtf) 파일을 참조하십시오. 기타 상업용 글꼴에 대한 정보는 Microsoft 입력 체계 웹 사이트를 참조하여 특정 글꼴 공급업체를 검색하거나 사용자 지정 작업에 도움이 되는 글꼴 공급업체를 찾아볼 수 있습니다.
맨 위로 이동
Expression Design에서 가져오기
Expression Blend 2에서는 Expression Design 2 프로젝트에서 만든 XAML 코드와 함께 자산 파일을 가져옵니다. 예를 들어 이미지 같은 자산 파일이 연결되어 있는 Expression Design 2 프로젝트에서 XAML을 내보내면 Expression Design 2는 XAML 파일을 생성하고 <projectname>_files라는 폴더를 만들어 자산 파일을 해당 폴더에 복사합니다. Expression Blend 2에서 기존 항목 추가 명령을 사용하여 프로젝트에 XAML 파일을 추가하면 <projectname>_files 폴더도 자동으로 추가됩니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 Expression Design에서 내보낸 XAML 가져오기 또는 Expression Design 2에서 자산 가져오기 빠른 시작을 참조하십시오.
맨 위로 이동
디자인 타임 크기 속성
Expression Blend 2에서는 자동 크기 조정에 의해 부적절한 크기를 갖게 된 사용자 컨트롤을 좀 더 쉽게 수정할 수 있습니다. 즉, 해당 컨트롤이 사용되는 문서가 아니라 아트보드에서 직접 수정합니다. 이전 버전의 Expression Blend에서는 Height 및 Width 속성이 Auto로 설정된 사용자 컨트롤을 열면 개체가 기본 높이/너비 값인 20으로 설정되어 아트보드에 표시됩니다. 그러나 새 버전에서는 사용자 컨트롤의 루트 노드를 선택할 때 아트보드에 표시되는 새로운 크기 조정 핸들을 사용하여 디자인 타임 높이 및 너비를 설정할 수 있습니다. 이러한 값은 XAML 문서의 루트 노드에 있는 다음 디자인 전용 속성에 저장됩니다.
d:DesignWidth=”100” d:DesignHeight=”100”
이 기능을 사용하는 방법에 대한 자세한 내용은 사용자 정의 컨트롤의 디자인 타임 크기 변경을 참조하십시오.
맨 위로 이동
프로젝트 복사
Expression Blend 2에서는 파일 메뉴의 솔루션의 복사본 저장을 클릭하여 프로젝트와 사이트의 복사본을 만들 수 있습니다. 이러한 복사본은 작업 중인 프로젝트나 사이트를 정확하게 복제한 것으로, 디스크에 저장되지만 작업 중인 버전을 벗어나지는 않습니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 프로젝트의 복제본 만들기를 참조하십시오.
맨 위로 이동
하나의 솔루션에 여러 프로젝트 추가
Expression Blend 2에서 WPF 프로젝트를 만들면 Visual Studio 2008과 호환되는 솔루션 파일이 자동으로 만들어집니다. Expression Blend 2에서는 프로젝트 패널에서 솔루션 이름을 마우스 오른쪽 단추로 클릭한 다음 새 프로젝트 추가 또는 기존 프로젝트 추가를 클릭하여 솔루션에 여러 프로젝트를 추가할 수 있습니다. 또한 프로젝트 패널에서 참조 폴더를 마우스 오른쪽 단추로 클릭한 다음 프로젝트 참조 추가를 클릭하여 솔루션에 직접 복사하지 않고도 기존 프로젝트에 참조를 추가할 수 있습니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 솔루션에 새 프로젝트 또는 기존 프로젝트 추가를 참조하십시오.
맨 위로 이동
미디어 끌어서 놓기
문서가 열려 있는 동안 Expression Blend 2 외부의 미디어 파일을 아트보드에 끌어서 놓는 방식으로 프로젝트에 미디어를 통합할 수 있습니다. 끌어온 미디어 파일은 자동으로 프로젝트에 추가됩니다. 또한 프로젝트 패널로 원하는 파일을 끌어 프로젝트에 추가할 수도 있습니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 프로젝트에 이미지, 오디오 또는 비디오 파일 추가 및 활성 문서에 이미지, 오디오 또는 비디오 파일 삽입을 참조하십시오.
맨 위로 이동
개체 조작
Expression Blend 2에서는 Ctrl 키를 누른 상태에서 개체를 끌어 복제할 수 있습니다. 동시에 여러 개체를 선택한 다음 아트보드의 크기 조정 핸들을 사용하여 크기를 조정하고 비율 크기를 조정하거나 회전할 수 있습니다. 선택한 여러 개체를 원하는 중심점 주위로 회전할 수도 있습니다. 이 기능을 사용하는 방법에 대한 자세한 내용은 개체 복사, 잘라내기, 붙여넣기 또는 삭제를 참조하십시오.
맨 위로 이동
바로 가기 키
Expression Blend 2에서는 Expression Design의 바로 가기 키와 좀 더 일관되게 사용할 수 있도록 많은 수의 바로 가기 키가 업데이트되었습니다. 업데이트된 바로 가기 목록은 바로 가기 키를 참조하십시오.
맨 위로 이동
패널의 닫기 단추
프로젝트, 속성 및 리소스 패널에는 해당 패널의 고정/고정 해제 상태에 관계없이 오른쪽 위 모퉁이에 모두 닫기 단추가 표시됩니다. 이들 패널이 닫히면 창 메뉴에서 다시 열 수 있습니다. Tab 키나 F4 키를 사용하여 모든 패널을 동시에 열거나 닫을 수도 있습니다.
맨 위로 이동
새로운 3D 개체 지원
.NET Framework 3.5를 통해 새로운 3D 개체가 도입되었습니다. Expression Blend 2의 자산 라이브러리에는 새로운 3D 개체가 포함되어 있지 않지만 XAML에서 직접 수정하거나 Visual Studio 2008을 사용하여 개체를 추가한 다음 Expression Blend에서 프로젝트를 열어 3D 개체를 사용할 수 있습니다. 새로운 3D 개체는 Expression Blend에서도 인식할 수 있으며 3D 표시기를 사용하여 장면에서 해당 개체를 조정할 수 있습니다.
맨 위로 이동
빌드 옵션
Expression Blend 2에서 빌드를 수행하면 $(BuildingInsideExpressionBlend) 속성이 true로 설정됩니다. 프로젝트 또는 .targets 파일에 이 속성을 사용하여 Expression Blend에서 프로젝트를 빌드하는 방식을 변경할 수 있습니다. Visual Studio에서 이 시나리오를 어떤 식으로 지원하는지 자세히 알아보려면 Visual Studio 통합(MSBuild)을 참조하십시오.
맨 위로 이동
검색 텍스트 상자
속성 패널과 자산 라이브러리 창의 검색 텍스트 상자 옆에 표시되던 검색 레이블이 이제 검색 텍스트 상자 안에 표시됩니다. 새롭게 제공되는 스토리보드 선택기에서도 마찬가지입니다. 이 검색 텍스트는 사용자가 검색 텍스트 상자에 키워드 입력을 시작하면 사라집니다.
맨 위로 이동