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

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


  • 70 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

23-24 мая, 2012 г.

Microsoft


Windows phone

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

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

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

WP7 developerat QIP

@ponfius | ponfius.com

WP7 & Win8 developer

@kazarindn | thekazarin.ru


23 24 2012 microsoft

Анимация в Metro UI


23 24 2012 microsoft

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

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


23 24 2012 microsoft

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

350-500 ms

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

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


23 24 2012 microsoft

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


23 24 2012 microsoft

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


23 24 2012 microsoft

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

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

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


23 24 2012 microsoft

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


T urnstile

Turnstile(карусель)

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

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

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

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


T urnstile feather

Turnstilefeather

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

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

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

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


C ontinuum

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

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

ПОГРУЖЕНИЕ В

КОНТЕКСТ

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


S lide

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

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

КОНТЕКСТ

СОЗДАНИЯ

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

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

приложение


R otate

Rotate(поворот)

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

ИЗМЕНЕНИЕ

ОРИЕНТАЦИИ

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

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

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


23 24 2012 microsoft

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

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

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


23 24 2012 microsoft

Live Tiles


23 24 2012 microsoft

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

using Microsoft.Phone.Shell

...

var firstTile = ShellTile.ActiveTiles.FirstOrDefault();

If(firstTile != null)

firstTile.Update(new StandardTileData

{

Title = “UpdatedTile”,

...

});


23 24 2012 microsoft

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

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

Проблема


Telerik

Решение от Telerik

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


Telerik1

Решение от Telerik

varextendedData= new RadExtendedTileData();

extendedData.VisualElement= this.LayoutRoot;

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


Msp toolkit

Решение из MSP Toolkit

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


Msp toolkit1

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

MSP Toolkit

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


23 24 2012 microsoft

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

Telerik RadControls

плюсы

работа с UIElement

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

минусы

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

MSP Toolkit

плюсы

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

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

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

минусы

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


23 24 2012 microsoft

Behaviors


Behavior

Что такое Behavior?

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


Microsoft expression interactivity

Microsoft.Expression.Interactivity

ConditionBehavior

DataStateBehavior

FluidMoveBehavior

FluidMoveSetTagBehavior

MouseDragElementBehavior


Conditionbehavior

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

ConditionBehavior

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


Behaviors

Свои Behaviors

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

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


23 24 2012 microsoft

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

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

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


23 24 2012 microsoft

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

http://silverlight.codeplex.com/

http://wp7contrib.codeplex.com/

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

http://msptoolkit.codeplex.com/


23 24 2012 microsoft

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

WPH302

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

CLI207MN

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


23 24 2012 microsoft

Пожалуйста

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

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


23 24 2012 microsoft

WP7 & WinRTdeveloper

WP7 developer at QIP

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

@ponfius| ponfius.com

@kazarindn | thekazarin.ru

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


  • Login