Win7 Metro UI

• Виктор Ерофеев • Most Valuable Professional (2006+) • MVP Client App Dev

business

stuff

code

UI логика модель

UI

Magic

Magic

magic

UI Black magic

Modern Design – Bauhaus

International Typographic Style

– Swiss Design

Motion Design – Cinematography

Эргономика Функциональность

Эстетика

Рецепт 1

problems? :D

Рецепт 2

Рецепт 3

• MSDN: Metro • Build • Guides

Running App

Suspended App

suspending Terminated

App Low Memory

Code gets to run No code runs App not running

resuming

App gets 5s to handle suspend

Apps are notified when they have been resumed

User Launches

App

Splash screen

//Register for the Suspending event and call suspendingHandler when received Windows.UI.WebUI.WebUIApplication.addEventListener("suspending", suspendingHandler); //Handle the suspending event and save the current user session using WinJS sessionState function suspendingHandler(eventArgs) { //We are getting suspended } //Register for the Resuming event and call resumingHandler when received Windows.UI.WebUI.WebUIApplication.addEventListener("resuming", resumingHandler); function resumingHandler() { //We are getting resumed, in general do nothing }

GDI Applications

Windows 7 Shell

GPU

Graphics driver

CPU

DirectWrite Direct2D Direct3D

GDI

DirectX Applications

WDDM

Windows 7 GDI

Applications

Windows 8 Shell

GPU

Graphics driver

CPU

DirectWrite Direct2D Direct3D

GDI

DirectX Applications

WDDM

Metro Style Applications

Windows 8