victor cg erofeev - metro ui
DESCRIPTION
Slides from Victor's talk atTRANSCRIPT
![Page 1: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/1.jpg)
Win7 Metro UI
![Page 2: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/2.jpg)
![Page 3: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/3.jpg)
![Page 4: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/4.jpg)
![Page 5: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/5.jpg)
![Page 6: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/6.jpg)
![Page 7: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/7.jpg)
![Page 8: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/8.jpg)
• Виктор Ерофеев • Most Valuable Professional (2006+) • MVP Client App Dev
![Page 9: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/9.jpg)
![Page 10: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/10.jpg)
business
stuff
code
UI логика модель
![Page 11: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/11.jpg)
UI
![Page 12: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/12.jpg)
Magic
Magic
magic
UI Black magic
![Page 13: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/13.jpg)
![Page 14: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/14.jpg)
![Page 15: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/15.jpg)
![Page 16: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/16.jpg)
![Page 17: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/17.jpg)
![Page 18: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/18.jpg)
![Page 19: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/19.jpg)
Modern Design – Bauhaus
International Typographic Style
– Swiss Design
Motion Design – Cinematography
![Page 20: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/20.jpg)
![Page 21: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/21.jpg)
![Page 22: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/22.jpg)
![Page 23: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/23.jpg)
Эргономика Функциональность
Эстетика
![Page 24: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/24.jpg)
![Page 25: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/25.jpg)
![Page 26: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/26.jpg)
![Page 27: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/27.jpg)
![Page 28: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/28.jpg)
![Page 29: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/29.jpg)
![Page 30: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/30.jpg)
![Page 31: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/31.jpg)
![Page 32: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/32.jpg)
Рецепт 1
![Page 33: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/33.jpg)
problems? :D
![Page 34: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/34.jpg)
![Page 35: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/35.jpg)
Рецепт 2
![Page 36: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/36.jpg)
![Page 37: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/37.jpg)
![Page 38: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/38.jpg)
![Page 39: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/39.jpg)
![Page 40: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/40.jpg)
Рецепт 3
![Page 41: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/41.jpg)
• MSDN: Metro • Build • Guides
![Page 42: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/42.jpg)
![Page 43: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/43.jpg)
![Page 44: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/44.jpg)
![Page 45: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/45.jpg)
![Page 46: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/46.jpg)
![Page 47: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/47.jpg)
![Page 48: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/48.jpg)
![Page 49: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/49.jpg)
![Page 50: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/50.jpg)
![Page 51: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/51.jpg)
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
![Page 52: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/52.jpg)
//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 }
![Page 53: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/53.jpg)
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
![Page 54: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/54.jpg)
![Page 55: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/55.jpg)
![Page 56: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/56.jpg)
![Page 57: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/57.jpg)
![Page 58: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/58.jpg)
![Page 59: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/59.jpg)
![Page 60: Victor CG Erofeev - Metro UI](https://reader033.vdocuments.us/reader033/viewer/2022052905/5587902fd8b42a365d8b470a/html5/thumbnails/60.jpg)