130 likes | 295 Vues
30 март 2010. Expression Blend и Encoder за разработчици. Емил Стойчев Silverlight MVP. Съдържание. Expression Blend Полезни съвети за стилизиране на контроли Storyboards Easings Behaviors Dynamic Layout и Transitions SketchFlow Windows Phone 7 Expression Encoder Encoding
E N D
30 март 2010 Expression Blend и Encoder за разработчици Емил Стойчев Silverlight MVP
Съдържание • Expression Blend • Полезни съвети за стилизиране на контроли • Storyboards • Easings • Behaviors • Dynamic Layout и Transitions • SketchFlow • Windows Phone 7 • Expression Encoder • Encoding • Live Encoding • Screen Capturing
Expression Blend • Само за дизайнери? НЕ! • Споделя един и същи проект с VS • Таргет – Silverlight, WPF, Windows Phone 7 • Интеграция с Team Foundation Server • Прототипи със SketchFlow • 60 дневна напълно функционална пробна версия
Стилизиране на контроли • Template Binding – връзване property на контролата с property на елемент от темплейта • Стил, който да поддържа всякакъв content? – ContentPresenter • А ако content-а ни винаги е текст? – TextBlock • Visual states – групирани, взаимно изключващи се състояния на контрола • Base и Normal
Storyboards • F6 – от дизайн към режим за анимации • Анимациите са базирани на време • Вървят на макс фрейм рейт поддържан от клиентската машина • Storyboards – контейнери съдържащи анимации • Анимация – смяна на пропъртита – цветове, числа, текст и т.н. • Keyframe – индикира промяна в пропърти на елемент(и) от анимацията • Timeline • Auto Reverse • Repeat Behavior
Easings • Анимациите по подразбиране са линейни • Не изглеждат естествени • Easing функции – добавят ускорение/забавяне към анимацията • Промяната на пропъртитата в анимацията не е константна
Behaviors • Интерактивно значи готино • Преизползваеми парченца интерактивност • Могат да се закачат на различни елементи • Комбинация от trigger и action • FluidMoveBehavior – създава плавен преход при промяна в layout-а между начална и крайна точка на даден елемент • Галерия
Dynamic Layout и Transitions • FluidLayout • Повече красота и по-лесно с Blend 4 • LayoutStates • TransitionEffects • FluidMoveTagSetBehavior
SketchFlow • Интерактивен дизайн • Бързо нахвърляне на идеи • Създаване на истински, пълнофункционални и интерактивни прототипи с: • Навигация • Състояния • Данни • Поведение
Windows Phone 7 • Допълнителни инструменти от http://developer.windowsphone.com • MVVM темплейти • Различни стилове за контроли – еквивалентни на тези на Windows Phone • Предефинирани стиловеза текст • F5 – публикуване на емулатор или директно на телефона • Емулатора поддържа multi-touch
Expression Encoder • Професионален инструмент за енкодване и публикуване на видео • Компресиране в различни формати • IIS Smooth Streaming • Silverlight Media Framework (SMF) • Live encoding • Screen capture
Благодаря Ви! • Повече информация • 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