340 likes | 487 Views
23-24 мая , 2012 г. Microsoft. Секреты быстрой разработки привлекательных приложений для Windows Phone. ФИЛИПП ПАНФИЛОВ. ДМИТРИЙ КАЗАРИН. WP7 developer at QIP. @ ponfius | ponfius .com. WP7 & Win8 developer. @ kazarindn | thekazarin.ru. А нимация в Metro UI.
E N D
23-24 мая, 2012 г. Microsoft
Секреты быстрой разработки привлекательных приложений для Windows Phone ФИЛИПП ПАНФИЛОВ ДМИТРИЙ КАЗАРИН WP7 developerat QIP @ponfius | ponfius.com WP7 & Win8 developer @kazarindn | thekazarin.ru
Для чего использовать анимацию Правильно организованная анимация играет очень важную роль в формировании положительного впечатления у пользователя.
Общие рекомендации 350-500 ms Анимации не должны быть навязчивыми У любой анимации должно быть конкретное назначение
ключевые кадрыvsсинхронизацияпо времени
Демонстрация решения Немного софтверной магии! Демонстрация
Turnstile(карусель) используется для: СМЕНА КОНТЕКСТА переключение контекста с одной задачи на другую
Turnstilefeather используется для: СМЕНА КОНТЕКСТА аналогичен turnstile, но используется для оформления списков
Continuum(продолжение) используется для: ПОГРУЖЕНИЕ В КОНТЕКСТ получение детальной информации о контексте
Slide(соскальзывание) используется для: КОНТЕКСТ СОЗДАНИЯ добавление элементов пользователем в приложение
Rotate(поворот) используется для: ИЗМЕНЕНИЕ ОРИЕНТАЦИИ поворот телефона из портретной в ландшафтную ориентацию и наоборот
Демонстрация решения Немного софтверной магии! Демонстрация
Принцип работы 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
Что такое 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 ДМИТРИЙ КАЗАРИН