23-24
Sponsored Links
This presentation is the property of its rightful owner.
1 / 34

23-24 мая , 2012 г. Microsoft PowerPoint PPT Presentation


  • 77 Views
  • Uploaded on
  • Presentation posted in: General

23-24 мая , 2012 г. Microsoft. Секреты быстрой разработки привлекательных приложений для Windows Phone. ФИЛИПП ПАНФИЛОВ. ДМИТРИЙ КАЗАРИН. WP7 developer at QIP. @ ponfius | ponfius .com. WP7 & Win8 developer. @ kazarindn | thekazarin.ru. А нимация в Metro UI.

Download Presentation

23-24 мая , 2012 г. Microsoft

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


23-24 мая, 2012 г.

Microsoft


Секреты быстрой разработки привлекательных приложений для Windows Phone

ФИЛИПП ПАНФИЛОВ

ДМИТРИЙ КАЗАРИН

WP7 developerat QIP

@ponfius | ponfius.com

WP7 & Win8 developer

@kazarindn | thekazarin.ru


Анимация в Metro UI


Для чего использовать анимацию

Правильно организованная анимация играет очень важную роль в формировании положительного впечатления у пользователя.


Общие рекомендации

350-500 ms

Анимации не должны быть навязчивыми

У любой анимации должно быть конкретное назначение


Создание простейшей анимации


ключевые кадрыvsсинхронизацияпо времени


Демонстрация решения

Немного софтверной магии!

Демонстрация


Анимация между страницами


Turnstile(карусель)

используется для:

СМЕНА КОНТЕКСТА

переключение контекста с

одной задачи на другую


Turnstilefeather

используется для:

СМЕНА КОНТЕКСТА

аналогичен turnstile, но

используется для оформления списков


Continuum(продолжение)

используется для:

ПОГРУЖЕНИЕ В

КОНТЕКСТ

получение детальной информации о контексте


Slide(соскальзывание)

используется для:

КОНТЕКСТ

СОЗДАНИЯ

добавление элементов

пользователем в

приложение


Rotate(поворот)

используется для:

ИЗМЕНЕНИЕ

ОРИЕНТАЦИИ

поворот телефона из

портретной в ландшафтную

ориентацию и наоборот


Демонстрация решения

Немного софтверной магии!

Демонстрация


Live Tiles


Принцип работы

using Microsoft.Phone.Shell

...

var firstTile = ShellTile.ActiveTiles.FirstOrDefault();

If(firstTile != null)

firstTile.Update(new StandardTileData

{

Title = “UpdatedTile”,

...

});


Нужно генерировать тайл налету

Никаких средств «из коробки» нет

Проблема


Решение от Telerik

Обновление и генерация тайла с помощью LiveTileHelper, работающего поверх стандартных методов из Phone.Shell


Решение от Telerik

varextendedData= new RadExtendedTileData();

extendedData.VisualElement= this.LayoutRoot;

LiveTileHelper.CreateOrUpdateTile(extendedData, new Uri("/MainPage.xaml", UriKind.RelativeOrAbsolute));


Решение из MSP Toolkit

Генерация изображения с помощью метода GenerateTile. Непосредственная работа с тайлом – задача разработчика


Генерация Live Tile налету

MSP Toolkit

Демонстрация


Преимущества и недостатки

Telerik RadControls

плюсы

работа с UIElement

обновление тайла вызовом одного метода

минусы

нет поддержки прозрачности, а следовательно адоптации к акцентным цветам

MSP Toolkit

плюсы

поддержка акцентного цвета

готовые шаблоны

сравнительно небольшой вес библиотеки

минусы

работа только с TextBlock и Image


Behaviors


Что такое Behavior?

Это способ расширения функциональности контролов, поддерживающий MVVM


Microsoft.Expression.Interactivity

ConditionBehavior

DataStateBehavior

FluidMoveBehavior

FluidMoveSetTagBehavior

MouseDragElementBehavior


Использование Behaviors

ConditionBehavior

Демонстрация


Свои Behaviors

Наследоваться от Behavior<T> или Behavior

Реализовать свои OnAttached() и OnDetaching()


Написание своего Behavior

поддержка разных ориентаций экрана

Демонстрация


Полезные материалы

http://silverlight.codeplex.com/

http://wp7contrib.codeplex.com/

http://www.telerik.com/products/windows-phone.aspx

http://msptoolkit.codeplex.com/


Связанные сессии

WPH302

Повышаем производительность Windows Phone  приложений

CLI207MN

UX, UI и взаимодействие машины с пользователем


Пожалуйста

Оцените доклад и мастерство докладчика.

Форма для оценки находится в вашем инфопакете.


WP7 & WinRTdeveloper

WP7 developer at QIP

ФИЛИПП ПАНФИЛОВ

@ponfius| ponfius.com

@kazarindn | thekazarin.ru

ДМИТРИЙ КАЗАРИН


  • Login