Expression Blend и Encoder за разработчици

Емил СтойчевSilverlight MVP

30 март 2010

Съдържание

− Expression Blend− Полезни съвети за стилизиране на контроли− Storyboards− Easings− Behaviors− Dynamic Layout и Transitions− SketchFlow− Windows Phone 7

− Expression Encoder− Encoding− Live Encoding− Screen Capturing

2

Expression Blend

− Само за дизайнери? НЕ!− Споделя един и същи проект с VS− Таргет – Silverlight, WPF, Windows

Phone 7− Интеграция с Team Foundation

Server− Прототипи със SketchFlow− 60 дневна напълно функционална

пробна версия

3

Стилизиране на контроли

− Template Binding – връзване property на контролата с property на елемент от темплейта

− Стил, който да поддържа всякакъв content? – ContentPresenter

− А ако content-а ни винаги е текст? – TextBlock

− Visual states – групирани, взаимно изключващи се състояния на контрола− Base и Normal

4

Storyboards

− F6 – от дизайн към режим за анимации− Анимациите са базирани на време− Вървят на макс фрейм рейт поддържан от

клиентската машина− Storyboards – контейнери съдържащи

анимации− Анимация – смяна на пропъртита – цветове,

числа, текст и т.н.− Keyframe – индикира промяна в пропърти на

елемент(и) от анимацията− Timeline− Auto Reverse− Repeat Behavior5

Easings

− Анимациите по подразбиране са линейни

− Не изглеждат естествени− Easing функции – добавят

ускорение/забавяне към анимацията

− Промяната на пропъртитата в анимацията не е константна

6

Behaviors

− Интерактивно значи готино− Преизползваеми парченца

интерактивност− Могат да се закачат на различни

елементи− Комбинация от trigger и action− FluidMoveBehavior – създава плавен

преход при промяна в layout-а между начална и крайна точка на даден елемент

− Галерия7

Dynamic Layout и Transitions− FluidLayout − Повече красота и по-лесно с Blend 4

− LayoutStates− TransitionEffects− FluidMoveTagSetBehavior

8

SketchFlow

− Интерактивен дизайн− Бързо нахвърляне на идеи− Създаване на истински,

пълнофункционални и интерактивни прототипи с:− Навигация− Състояния− Данни− Поведение

9

Windows Phone 7

− Допълнителни инструменти от http://developer.windowsphone.com

− MVVM темплейти− Различни стилове за контроли –

еквивалентни на тези на Windows Phone

− Предефинирани стилове за текст− F5 – публикуване на емулатор или

директно на телефона− Емулатора поддържа multi-touch10

Expression Encoder

− Професионален инструмент за енкодване и публикуване на видео

− Компресиране в различни формати− IIS Smooth Streaming− Silverlight Media Framework (SMF)− Live encoding− Screen capture

11

12

Въпроси

13

Благодаря Ви!

− Повече информация− SilverlightShow – Silverlight Community− Silverlight User Group Bulgaria− Silverlight.net – Official Microsoft

Silverlight site− .toolbox – Silverlight and Blend tutorials− Project Rosetta – Flash Skills applied to

Silverlight− Kirupa.com – Blend and Silverlight tutorils− Expression Blend blog – Blend Tutorials