ZZANGMYON BLOG♡

Expression Blend 3 Preview가 믹스에서 발표된 지 벌써 20여 일이 지났네요. 이번 버전에서는 어떤 것들이 새로워졌는지 알아보도록 하겠습니다. 아시는 분들도 있겠지만 SkethFlow는 Blend 3 Preview 버전에 포함되어 있지 않기 때문에 정식 버전을 기다려야 할 것 같네요.

설치를 원하는 분들은 아래의 링크를 눌러서 설치하도록 합니다. 그리고 Blend 3 에서 Silverlight 2 프로젝트를 열면
Silverlight 3 으로 자동 업데이트를 할 것인지 물어보는데 Silverlight 2 프로젝트를 가지고 작업하기 위해서는 업데이트를 해야만 합니다.

Expression Blend 3 Preview 설치하기

영어가 익숙치 않아 제 나름대로 해석하면서 블렌드로 다뤄보고 쓴 내용이니 혹시 틀린 부분이 있다면 코멘트를 달아주시기 바랍니다. (참고 원문: http://expression.microsoft.com/ko-kr/dd565875(en-us).aspx)

그럼 이제 하나씩 살펴보도록 하겠습니다.

Design

Importing Photoshop and Adobe Illustrator files

많은 디자이너들이 바래왔던 부분인 것 같은데요. 프로젝트에 Adobe사의 PhotoShop(.psd)파일과 Illustrator(.ai)파일을 직접 불러올 수 있게 되었습니다. 그리고 Blend 안에서 불러들인 파일들을 손쉽게 수정할 수 있다고 합니다. 제가 직접 파일을 불러들여 보니 AI의 경우에는 blend나 mash 등과 같이 정교한 효과를 준 것들은 만족스럽지 않지만 간단한 패스로 이루어진 파일들은 깨짐이 없이 잘 불러지네요. PSD의 경우에도 레이어가 잘 살아 있습니다. 다만 복잡한 레이어로 구성된 파일을 불러온다면 용량에 문제가 없는지 살짝 고민해봅니다.

Effects

이것 또한 많이 기대했던 부분입니다. 그래픽(비트맵) 효과 인데요. 기존에는 WPF에서만 몇 가지의 효과를 지원했었는데 이제 Silverlight에서도 가능합니다. Asset Library를 열어 Effects 탭을 누르면 사용할 수 있는 효과가 있습니다. 원하는 효과를 선택해서 오브젝트에 드래그 하면 바로 적용이 됩니다. 효과의 정도는 Properties 패널에서도 수정할 수가 있습니다. 그런데 WPF를 하시던 디자이너 분들은 당황할 수도 있겠습니다.(저도 그랬듯이;;) 효과를 수정할 수 있는 패널이 바뀐데다가 기존에 들어있던 Outer glow나 Emboss와 같은 효과들이 사라졌습니다. 그러나 앞으로는 Asset Library에 더 많은 효과를 등록하여 사용할 수 있을 것입니다.

Gradient tool improvements

이전 버전에서보다 Gradient 툴이 더욱 강화 되었습니다. 그라데이션이 적용된 오브젝트의 offset 값을 직접 움직여서 바꿀 수 있게 되었네요. Alt 키를 눌러 stop 포인트를 추가할 수 있고, stop 포인트를 더블클릭하면 바로 색상 패널이 나와서 색을 넣을 수 있습니다. 그라데이션을 변경하기 위해서 굳이 Properites 패널을 사용하지 않아도 될 듯 합니다. 그리고 그라데이션의 각도를 변경하거나 기울이는 상세 기능과 그라데이션 반전과 같은 기능들이 추가 되었습니다.

Layout operation improvements

아트보드에서 오브젝트를 다룰 때 조금 더 일관되게 하고 예측할 수 있게 되었습니다. 부모패널을 바꾸거나 오브젝트를 그룹화 할 때 레이아웃 속성과 바인딩이 보호되고 불필요하게 코드를 생성하지 않는다고 합니다. 사실 제대로 이해를 잘 못하겠습니다만, 직접 해 보니 제가 느낄 수 있는 것은 오브젝트를 그룹화 하고 이동할 경우 좀 더 수월해 졌다는 것입니다. 이전에는 그룹화 하여도 이동할 때에 오브젝트가 낱개로 선택이 되어서 불편한 감이 있었습니다. 제가 찾지 못한또 다른 점이 있을지 모르겠네요.^^;(도와주신 공도님 땡수~).

Design-time annotations

마이크로소프트의 Visio 코멘트처럼 아트보드에 주석을 달아 팀 멤버끼리 커뮤니케이션을 향상시킬 수 있습니다. 생성된 주석을 수정할 수 있는 패널이 따로 있지 않아서  더블 클릭하고 바로 수정해 주면 됩니다. XAML코드를 살펴보면 이 주석은 실제 레이아웃 상에 존재하지 않기 때문에 실행되는 동안에는 보이지 않습니다.


Skinning

Creating templates from artwork

Make Into Control 메뉴를 통하여 컨트롤의 모양을 바꿀 수 있습니다. 이 메뉴로 각 컨트롤이 특정한 역할을 하게끔 지정할 수 있게 됩니다. 예를 들어 슬라이더 컨트롤의 템플릿 안 HorizontalThumb의 Part Assignment를 clear합니다(메뉴 이름은 Clear Part Assignment). 그리고 사각형을 하나 넣은 다음 그 사각형을 슬라이더 컨트롤의 HorizontalThumb로 지정하여 사용할 수 있습니다. 예전의 스타일을 생성하여 다른 컨트롤을 다시 넣어주던 방법보다는 조금 더 편리할 것 같습니다.

Improved support for VSM

VisualStateManager에서는 컨트롤의 더 많은 State를 지원합니다. 그리고 이러한 State가 본래의 XAML에서 정의된 것 인지 아닌지 상관하지 않습니다. 그러나 States 패널에서 하나 이상의 State 그룹이 변경될 경우 경고 표시가 나타납니다. 예를 들어 체크박스의 경우, 오브젝트의 CommonStates와 CheckStates의 상태를 중복하여 Property를 변경하게 되면 Behavior에 따라 제대로 적용되지 않을 수 있기 때문인 것 같습니다.

State pinning

State 그룹에서 각 State 별로 접었다 폈다 할 수 있습니다. 그래서 하나의 State만 변경할 경우 나머지 State들은 접어둘 수 있어 더 편리해졌습니다.

Editing state transitions

Objects and Timeline panel에서 스토리보드를 선택하여 State의 transition을 변경할 수 있습니다. 그런데 이 기능은 원래 있던 것이 아닌가 싶은 생각이 드네요.

Drawing into state

특정 State 에서 생성한 오브젝트는 해당 State 실행 시에만 나타나게 됩니다. 만약 MouseOver State에서 오브젝트를 생성하게 되면 다른 State에서는 나타나지 않고 MouseOver일 경우에만 나타날 것입니다.





나머지 부분은 2장에 이어서 하도록 하겠습니다.