ZZANGMYON BLOG♡

Interactivity

XAML, C#, and Visual Basic Code Editing

이제는 Blend 에서 XAML 뿐만 아니라 C#과  Visual Basic 코드도 수정할 수 있게 되었습니다. 더욱이 코드를 수정할 때 인텔리센스나 이벤트 핸들러 생성 등이 지원되어 더 빠르게 할 수 있습니다. 기존의 xaml과 간단한 C# 코드 다루던 디자이너들은 이제 비주얼 스튜디오를 켜지 않아도 됩니다. 그리고 xaml 인텔리센스가 지원되어 속성을 다 외우지 않아도 되니 정말 좋네요.


Data

Using sample data

실제 데이터에 직접 접근하지 않고도 테스트용 데이터에 연결된 애플리케이션을 만들 수 있습니다. 데이터 패널을 사용하여 샘플 데이터를 만들거나 XML 파일에서 샘플 데이터를 불러올 수 있습니다. 이러한 데이터들은 디자인을 할 때 사용되며 세부 항목들을 커스터마이징 할 수 있습니다. 그리고 실행 시에 실제 데이터와 샘플데이터를 쉽게 바꿀 수 있습니다. 직접 해보니 낯설은 기능이라서 어떻게 쓰는지 잘 모르겠더군요. 샘플 데이터를 생성하고 리스트박스와 같은 컨트롤을 만들어 준 다음 데이터를 넣으니 들어갑니다. 실행해보니 화면에는 나타나지 않지만, 블렌드의 아트보드에 나타나기 때문에 스크롤바와 같이 아이템이 들어가야만 나타나는 컨트롤들을 디자인 하기가 쉬워졌습니다.

Data binding

Blend 3 Preview 에서는 새로운 데이터 바인딩 기능을 포함하고 있습니다. 

- Objects and Timeline 패널안의 컨트롤에 데이터 패널로 부터 데이터아이템을 드래그앤 드랍 할 수 있습니다. 리스트박스 컨트롤을 생성하고 데이터 패널에서 아이템을 끌어다 넣으면 데이터가 바인딩됩니다.
- Silverlight 3 에서는 하나의 오브젝트 속성을 또 다른 오브젝트의 속성과 바인딩 할 수 있습니다. 컨트롤 속성끼리 바인딩을 시키니 프로그래밍을 하지 않고도 많은 부분을 제가 처리할 수 있게 되었습니다.
- Silverlight 3 애플리케이션에서는 DataGrid 컨트롤을 지원합니다. WPF에서는 툴킷을 설치해야 하는데 Silverlight 에서는 포함이 되어서 나오는군요. 이 외에도 많은 컨트롤들이 추가되었습니다.
- 데이터 패널에서 List view 와 Details view 모드를 지원합니다. List view 모드로 놓고 데이터를 아트보드에 끌어 넣으면 데이터소스 전체가 들어가게 되고 Details view 모드로 놓고 끌어 넣으면  세부 항목만 들어가네요.
- 데이터 컨텍스트 바인딩 지원이 향상되었습니다.
- 데이터 스키마를 순차적으로 정의할 수 있어서 데이터가 연결된 애플리케이션 개발이 가능하게 합니다.


Silverlight

Silvrlight 3 support

Expression Blend 3 Preview 버전에서 Silverlight 3 애플리케이션을 생성하고 수정할 수 있습니다. 위에서도 말했지만 Silverlight 2 프로젝트를 열으려고 하면 대화상자가 나타나 Silverlight 2 프로젝트를 Silverlight 3 으로 업데이트 할 것인지 물어봅니다. 확인을 눌러 업데이트를 하게 되면 Silverlight 3 프로젝트로 작업을 계속 할 수 있습니다.

Web Site support

Silverlight 으로 새 프로젝트를 생성하려고 하면 Silverlight Application + Web Site 으로 된 프로젝트 타입이 추가되어 있는 것을 알 수 있습니다. 그래서 Silverlight 애플리케이션 만으로도 생성이 가능하고, 웹사이트가 연결되어 있는 프로젝트로도 생성이 가능합니다.


Source file version control

TFS support

Microsoft Visual Studio 2008 Team Foundation Server 를 지원합니다.  솔루션과 프로젝트에서 Checking, Checking out, Merging 등과 같은 공통 소스 작업을 할 수 있습니다.

Animation

More properties available to animate

Silverlight 프로젝트에서 예전보다 더 많은 프로퍼티를 키프레임에 녹화할 수 있습니다. Appears 패널의 Advanced property 옵션을 열면 이전 버전보다 프로퍼티가 몇개 더 추가되어 있습니다. 예를 들어 전에는 키프레임에서 StrokeLineJoin 을 Mirter에서  Round로 변경해도 적용이 안되었는데 이제는 이런 세부적인 프로퍼티도 적용이 되는군요.

Better support for easing in Silverlight

프로퍼티 패널의 EasingFunction 을 이용하여 키프레임마다 지정된 Easing을 선택하여 적용할 수 있습니다. 기존에는 KeySpline 곡선만을 이용해 가/감속도를 조절했다면 이제는 더 다양한 종류로 표현할 수 있게 되었습니다. KeySpline곡선에도 포인트 추가를 할 수 있다면 좀 더 작업자가 편하지 않을까 생각해봅니다.

Animating to resource values

리소스를 가져와 애니메이션을 줄 수 있습니다. 예를 들어 색상 리소스의 Static 값을 가져와 변경할 수 있습니다. 색상 리소스에서 색을 가져온 다음 프로퍼티 패널의 Brush > Editor 에서 색을 변경하여 사용하면 됩니다. 이전에는 Resource Dictionary가 WPF에서만 지원되었는데 이제 Silverlight 에서도 지원됨으로써 리소스를 등록하여 가져다 쓸 수 있습니다.


Text

Improved embedding of fonts and subsets of fonts

Silverlight 와 WPF 프로젝트에서 폰트의 서브셋을 생성하고 적용할 수 있게 되었습니다. Font Manager 에서 설치된 폰트를 선택하여 부분적인 특성을 커스터마이징 할 수 있습니다. 많이 사용해서 쓰진 않았지만 예전보다 조금 더 세부적으로 기능이 추가 된 것을 확인하였습니다.


Extensibility

Extensible Asset Library

어셈블리가 들어있는 디렉토리를 등록하여 Asset Library에 있는 컨텐츠를 사용할 수 있습니다. 어셈블리를 만들어 직접 만든 아이콘이나 다른 것들을 사용할 수 있습니다.

Artboard extensibility

WPF와 Silverlight의 API의 확장성이 좀 더 정교해졌습니다. 아트보드에서 확장하여 쉽게 다룰 수 있다는 것이 특징입니다. 여기서 말하는 API는 UI와 관련된 컨트롤 정도인 것 같습니다.

Extensible project templates

Blend 3 Preview에서는 확장된 프로젝트 템플릿을 지원합니다. 새로운 프로젝트와 항목을 추가할 경우 Siverlight 3 Application +  Web Site 나 ChildWindow, Resource Dictionary 와 같이 확장된 프로젝트나 항목을 생성할 수 있습니다.


Workspace

Docking and workspace configuration

모든 패널에 도킹 기능을 넣어 작업 영역이 확장되었습니다. 또한 사용자의 취향에 맞게 인터페이스를 변경하고 이름을 주어 저장할 수 있습니다. 여러가지 형태의 인터페이스를 저장하여 상황에 맞게 불러오면 됩니다.

Direct selection improvements

직접 선택하기 전에 MouseOver 되는 오브젝트들의 테두리가 선택할 오브젝트를 구분하기 쉬워졌습니다. 그룹 안에 있는 오브젝트에도 마찬가지로 MouseOver 되는 오브젝트가 표시되어서 편리합니다. 그리고 이전 장에서도 말씀드렸지만 더블클릭을  해야만 그룹안의 오브젝트가 직접 선택되기 때문에 그룹단위로 이동할 경우 훨씬 편하게 되었습니다.

Marquee selection of points

DirectSelection 툴을 사용할 경우 오브젝트에 원하는 만큼의 영역을 드래그 하면 그 영역 안에 들어있는 포인트만 선택이 가능합니다.

Auto-scroll and zoom improvements

아트보드에서 오브젝트를 이동하거나 리사이즈 할 때 마우스 커서가 아트보드 영역을 넘어가게 되면 늘어나던 스크롤이 멈추게 됩니다. 예를 들어 오브젝트를 이동할 때 아트보드 영역이 넘어가면 스크롤이 막 넘어가는 현상이 있어 매우 불편했는데, 이제는 자동으로 멈추어 오브젝트가 무한정 좌표를 벗어나는 일이 없을 것 같습니다. 그리고 아트보드 영역에서 마우스 휠로 스크롤만 조절이 되었었는데 이제 줌 기능도 같이 적용되어 있습니다. 단축키를 사용할 일이 줄어들 것 같습니다. :)

Keyboard shortcuts and modifier keys

새로운 단축키와 변경된 단축키로 작업이 더 수월해졌습니다. 예를 들어 오브젝트를 복사할 때 Ctrl 키를 써야해서 다른 그래픽 툴들과의 인터페이스 차이가 있어 불편했던 부분이 Alt 키로 변경되어 이제는 헷갈리지 않을것 같아요.



이렇게 몇가지 새로운 기능에 대해서 알아보았습니다. 이밖에도 Perspective 3D와 같은 많은 기능들이 추가 되었습니다. 앞으로 이 2강에서 나온 기능들과 다른 추가기능에 대해서 따라하기 강좌를 진행할 것입니다. 제가 이해가 부족하여 잘못된 설명이 있다면 너그럽게 이해해주시고 코멘트 달아주세요. 그럼 모두 화이팅입니다. :)