marano software

http://msplatforma.ru

Microsoft Платформа 2010 2

Windows Mobile 6.5 - мощная платформа для создания привлекательного и функционального интерфейса в ваших мобильных приложениях

Marano SoftwareMicrosoft RUS

Марат БакировВиталий

Дильмухаметов



Вопросы

Может ли Windows Mobile приложение выглядеть красиво?Кто из Вас имеет опыт native (C++) разработки для Windows Mobile?Кто из Вас имеет опыт разработки на .NET CF?Кто из Вас знает что такое pinvoke?.



Содержание

Тенденции мобильных интерфейсовПолупрозрачность и градиентUI FrameworkПоддержка жестов в WM 6.5Управляемая обертка для жестовСоздание Widgets



Вопрос

Что такое красивое приложение?



Тенденции интерфейсов



Тенденции интерфейсов - выводы

Прозрачные изображенияПрямоугольные элементы с закругленными угламиЭлементы с градиентной заливкойФоновые изображения



Прозрачность бывает разная

Прозрачный цветПрозрачный рендеринг изображения



Осуществление прозрачности

Фон изображения закрашивается каким-либо цветом и обьявляется прозрачным

Поддерживается в .NET CF:

ImageAttributes attr = new ImageAttributes();

attr.SetColorKey(Color.Red, Color.Red); e.Graphics.DrawImage(bmp, destRect, 0, 0, bmp.Width, bmp.Height, GrahicsUnit.Pixel, attr)




Все изображение прозрачноеСмешивание по альфа-каналу

Поддерживаеться Windows Mobile платформой:

[DllImport("coredll.dll") extern public static Int32 AlphaBlend(IntPtr hdcDest,

Int32 xDest, Int32 yDest, Int32 cxDest, Int32 cyDest, IntPtr hdcSrc, Int32 xSrc, Int32 ySrc, Int32 cxSrc, Int32 cySrc, BlendFunction blendFunction);




Изображение содержит альфа-канал

Поддерживаеться Windows Mobile платформой через Imaging API’s COM интерфейсы:

IImagingFactory IImage



Градиентная заливка

Создается смешиванием двух или нескольких цветов, причем один цвет плавно переходит в другой.Поддерживаеться Windows Mobile платформой:

[DllImport("coredll.dll")]

public extern static bool GradientFill( IntPtr hdc, TRIVERTEX[] pVertex, uint dwNumVertex, GRADIENT_RECT[] pMesh, uint dwNumMesh, uint dwMode);



Как?http://code.msdn.microsoft.com/uiframework

Msdn.UIПрозрачность, градиенты, title bar

Подстройка существующего UI.DataGrid, ListView, CustomBorder.

http://code.msdn.microsoft.com/uiframework

http://code.msdn.microsoft.com/uiframework



Виталий Дильмухаметов

Marano Software

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

UI Framework



Поговорим о жестах

Жесты это не только касание, но и взаимодействие.Касание пальцем не является точным:

Форма и размерРазная скорость и угол движенияМенее точное чем пером (stylus)



WM 6.5 элементы управления и жесты

ListviewListbox (включая combo)WebviewTreeviewTab (прокрутки налево/направо чтобы поменять страницу)



Как жесты работают в WM 6.5

Жесты!= Mouse MessagesЖесты, доставляются к окну первого касаниясообщение WM_GESTUREwParam Содержит код типа жестаlParam Содержит GESTUREINFO структуру



Поддерживаемые типы жестов

Панорамирование (Pan)Прокрутка (Scroll) – Инерция после панорамированияВыбор (tap)Двойной выбор (Double-tap)Задержка (Hold)



Managed WrapperGestureRecognizer

Добавляется к System.Windows.Forms.ControlРаботает чере P/InvokeИспользует сообщения WM_GESTUREПредоставляет управляемые (.NET) события

var g = new GestureRecognizer();g.TargetControl = panel1;g.Select += (sender, GestureEventArgs e) => …g.DoubleSelect += (sender, GestureEventArgs e) => …g.Hold += (sender, GestureEventArgs e) => …g.Pan += (sender, GestureEventArgs e) => …g.Scroll += (sender, GestureScrollEventArgs e) => …



Physics Engine

Обеспечивает “естественное” ощущение во время прокрутки.Продолжает прокрутку и уменьшает скорость в зависимости от начального ускорения.Обеспечивает эффект растянутой резины.Также обеспечивает допустимую остановку основаную на размере елемента.



Managed WrapperPhysicsEngine

Использует PhsyicsEngine API через P/InvokeПредоставляет управляемое событие AnimateFrame

var p = new PhysicsEngine();p.ExtentControl = pictureBox1;p.ViewportControl = panel1;…g.Scroll += (sender, GestureScrollEventArgs e){ p.Stop(); p.Angle = e.Angle; p.Velocity = e.Velocity; p.Start(); // or p.Start(e.Angle, e.Velocity);};



Автоматические жесты (WAG)

Автоматизирует сценарии использования жестов.Поддерживается любым окном со стилем WS_VSCROLL или WS_HSCROLLПоддерживает отправку WM_VSCROLL/WM_HSCROLL сообщений или анимации



Managed WrapperAutoGestureContext

Работает через WAGI API и P/InvokeУправляемое событие Status и OwnerAnimate

var wag = AutoGestureContext.GetContext(panel1);wag.IsOwnerAnimated = true;wag.HorizontalExtent = 10; // percentwag.OwnerAnimate += (sender, AutoGestureAnimateEventArgs e){ pictureBox1.Location = e.Location;};wag.Status += (sender, AutoGestureStatusEventArgs e){ label1.Text = e.Status.ToString() + “ “ + e.ExtraStatus.ToString();};



Марат Бакиров

Microsoft Rus.


Gesture Framework



Что такое Widget?Небольшoe одноцельное мини-приложениe



Widgets на мобильных устройствах



Что они могут делать?

Выглядят также как и родные приложенияДоступ к ограниченым данным устройства за пределами изолированной программной средыПолная поддержка AJAX, родной JSON парсер, можно использовать элементы управления ActiveX (как Flash)



Что там под капотом?

Widget Package

Widgets RuntimePowered by

Internet Explorer Mobile

Web Rendering

Engine

Plug-ins

Script Engine

JavaScriptDevice Extensions

Flash

MSXML

Windows Media

SettingsStorage

…

…

Secu

rity

Brok

er

Menu

HTML

JavaScript

CSS

Images

XML Manifest



За пределами изолированной программной средыДоступ к информации о текущем

состоянии устройстваCradlePresentPhoneHomeServicePhoneRoamingPhoneSignalStrengthPhoneOperatorNameDisplayRotationPowerBatteryStrengthPowerBatteryState



Создание Widgetов

1 2 3

Create Package

Deploy

Design and develop the user

experience

Distribute it on the Windows Marketplace

Create the XML

Manifest Transfer to device and

install

Package as Zip,

renamed to .widget



Виталий Дильмухаметов

Marano Software


Создание простого Widget(a)



Итоги

Тенденции мобильных интерфейсовПолупрозрачность и градиентUI FrameworkПоддержка жестов в WM 6.5Управляемая обертка для жестовСоздание Widgets



Ресурсы ENG

UI Framework: http://code.msdn.microsoft.com/

uiframeworkGesture Framework:

http://code.msdn.microsoft.com/gestureswmРазработка Widgets:

http://msdn.microsoft.com/en-us/library/dd721906.aspx



Ресурсы RUS

Руссский блог Windows Mobilehttp://blogs.msdn.com/windowsmobile_ru/

Конкурс приложений для Windows Mobilewww.wmdev.ru



Вопросы

Марат Бакировhttp://blogs.msdn.com/mbakirov

Виталий Дильмухаметовhttp://blogs.gotdnotnet.ru/personal/grp

{Александр Яхнин}http://blogs.msdn.com/priozersk/

Вы сможете задать вопросы докладчику в зоне «Спроси эксперта» в течение часа после завершения этого доклада

http://blogs.msdn.com/mbakirov

http://blogs.gotdnotnet.ru/personal/grp

http://blogs.msdn.com/priozersk/

http://blogs.msdn.com/priozersk/

marano software

Documents