MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

25
VAUGHAN KNIGHT LIVE TILES AND LOCK SCREEN Use the camera buttons!

description

In this MWC/ADC 2013 presentation Vaughan Knight, Developer Technical Support Manager at Nokia, provides an overview to differences in Live Tiles between Windows Phone 7 and Windows Phone 8. He demonstrates the flip, iconic, and cycle animation options in Windows Phone 8 Live Tiles, before providing a coding demonstration. Vaughan then reviews the Lock Screen features — background and notification — before also providing a coding demonstration for these features. He concludes be describing other update options and reviewing the value of various notifications. For more information see www.developer.nokia.com/windowsphone. Find out more about the developer features of Nokia Lumia smartphones in the Lumia App Labs: http://www.developer.nokia.com/Develop/Windows_Phone/Learn/

Transcript of MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

Page 1: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

VAUGHAN KNIGHT

LIVE TILES AND LOCK SCREEN

Use the camera buttons!

Page 2: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

LIVE TILES

Page 3: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

WINDOWS PHONE 7

• Single live tile template • 173 x 173 pixels

Page 4: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

WINDOWS PHONE 8

• 3 Sizes

Page 5: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

WINDOWS PHONE 8

• 3 Sizes • 3 Templates

• Flip • Iconic • Cycle

Page 6: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

DEMO: LIVE TILES

Page 7: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

WINDOWS PHONE 8

• Flip • Brand and content

• Iconic • Count or notification

• Cycle • Image and rich media

Page 8: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

FLIP

• Ideal for branded content • Two sided

Company Logo + Content

Page 9: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

ICONIC

• Count or notification based apps • Animated count to 99 • Icon automatically resizes on

wide tile to fit content Application Logo + Notification

Page 10: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

CYCLE

• Up to 9 images on rotation • Animates to draw attention • Same images used on wide

and standard • Free flowing image content

with specific subject matter

Movie Stills Collection

Page 11: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

CODING: LIVE TILES

Page 12: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

LOCK SCREEN

Page 13: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

• Lock Screen Background

LOCK SCREEN

Page 14: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

• Lock Screen Background • Lock Screen Notifications

LOCK SCREEN

Page 15: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

• Lock Screen Background • Lock Screen Notifications

• Text Notifications

LOCK SCREEN

Page 16: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

• Lock Screen Background • Lock Screen Notifications

• Text Notifications • Alerts

LOCK SCREEN

Page 17: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

MANFIFEST UPDATES • 3 extension entries in manifest are required

• Background capability • Icon count capability • Text notifications

Page 18: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

LOCK SCREEN BACKGROUND • Setting lock screen background requires 2 easy steps:

• check/ask permission • then set the image

Page 19: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

CODE: LOCK SCREEN

Page 20: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

• Scheduled tile update • Daily • Weekly • Once

• Notification tile update • Background task

MORE WAYS TO UPDATE

Page 21: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

• Application Tile • Deep Linking • Application Features

• Make a feature behave like an app • Surface Value

• Weather, Stock Prices, Alerts • Latest news items

• Recommended Content • Behavioural recommendations

LIVE TILES & LOCK SCREEN

Page 22: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

ICONS

Page 23: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

LIVE TILES

Page 24: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

developer.nokia.com dev.windowsphone.com msdn.microsoft.com/library/windowsphone/design/

VAUGHAN KNIGHT

REFERENCES

24

© 2011 Nokia Filename.pptx v. 0.1 YYYY-MM-DD Author D t ID [Edit i I t H d & F t ]

Page 25: MWC/ADC 2013 Live Tiles and Lock Screen for Windows Phone

Game Development and WP8 Middleware Camera and Lenses Networking, Near Field Communications & Bluetooth … and more developer.nokia.com/mwc

UPCOMING SESSIONS