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/

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

2. LIVE TILES

3. WINDOWS PHONE 7
• Single live tile template
• 173 x 173 pixels

4. WINDOWS PHONE 8
• 3 Sizes

5. WINDOWS PHONE 8
• 3 Sizes
• 3 Templates
• Flip
• Iconic
• Cycle

6. DEMO: LIVE TILES

7. WINDOWS PHONE 8
• Flip
• Brand and content
• Iconic
• Count or notification
• Cycle
• Image and rich media

8. FLIP
• Ideal for branded content
• Two sided
Company Logo + Content

9. ICONIC
• Count or notification based apps
• Animated count to 99
• Icon automatically resizes on
wide tile to fit content
Application Logo + Notification

10. 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

11. CODING: LIVE TILES

12. LOCK SCREEN

13. LOCK SCREEN
• Lock Screen Background

14. LOCK SCREEN
• Lock Screen Background
• Lock Screen Notifications

15. LOCK SCREEN
• Lock Screen Background
• Lock Screen Notifications
• Text Notifications

16. LOCK SCREEN
• Lock Screen Background
• Lock Screen Notifications
• Text Notifications
• Alerts

17. MANFIFEST UPDATES
• 3 extension entries in manifest are required
• Background capability
• Icon count capability
• Text notifications

18. LOCK SCREEN
BACKGROUND
• Setting lock screen background requires 2 easy steps:
• check/ask permission
• then set the image

19. CODE: LOCK SCREEN

20. MORE WAYS TO UPDATE
• Scheduled tile update
• Daily
• Weekly
• Once
• Notification tile update
• Background task

21. LIVE TILES & LOCK SCREEN
• 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

22. ICONS

23. LIVE TILES

24. REFERENCES
developer.nokia.com
dev.windowsphone.com
msdn.microsoft.com/library/windowsphone/design/
VAUGHAN KNIGHT
2 © 2011 Nokia Filename.pptx v. 0.1 YYYY-MM-DD Author

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