Building Universal Windows Apps for Smartphones and Tablets with XAML & C#

  • View

  • Download

Embed Size (px)


This session is your fast track into the wonderful new world of app development for Windows device. Come learn how your valuable C# skills now make you a hot mobile developer for smartphones, tablets, laptops and desktops. We’ll perform a quick lap around Microsoft Visual Studio 2013 and the new Windows Universal Apps, build our first app using XAML & C#, and debug it with Windows 8.1 and the Windows Phone Emulator. We’ll then explore the converged WinRT API services and features, such as touch input, accelerometers, Live Tiles, etc. We’ll also spend valuable time going over the new app model for Windows device apps, how to share code between phone and tablet, and how to build a converged UI in XAML for Windows 8.1 and Windows Phone. Lastly we’ll go over the app packaging and how to submit your Universal apps to the Windows Store. The converged Windows Platform is more efficient and far-reaching than ever. Come learn how to build mobile apps for hundreds of millions of Windows device users.

Text of Building Universal Windows Apps for Smartphones and Tablets with XAML & C#

  • 1. @ActiveNick

2. @ActiveNick 2005-2014 3. Windows brings apps to life Windows provides apps with more ways to engage users, both on device and across all of their Windows screens Design once to engage everywhere Developers can use universal Windows apps to design an one app that can target every Windows screen Build faster with Visual Studio New shared projects for Universal Windows apps allow developers to share as much or as little between Windows and Windows Phone projects 4. Converged web browser WP 7.5 shipped with IE9 Same rendering + JavaScript engine Aligned user experience Modern UI on WP + Xbox 360 Aligned dev platform Games: DirectX; XNA Apps: XAML + XAML (WPF; SL) Converged core (NT kernel) Common kernel & file system Converged driver model Converged networking stack Secure boot & storage encryption (BitLocker) Aligning user experience Live tiles on Windows Aligning the dev platform Aligned UI frameworks: XAML; DirectX; C++ Converged API for sensors & IAP Converged Web Browser: IE10 Converged dev platform Converged WinRT app model on Windows, Windows Phone, Xbox Converged roaming + credentials Better HTML5/web support via IE Aligning the Stores Aligned processes and policies Shared dev registration Shared entitlement Improved App Experience Proximity & location frameworks Security & identity Background execution 5. | | A converged developer platform enables you to do more with the same code and skillset 6. Universal Windows apps One Visual Studio solution with three nodes Two UI node (One for phone; one for client) One shared code node (WinRT apps only) Linked apps Devs can be link their Store apps using a common PFN (Product Family Number) across client + phone New tooling and app linking makes it easy to engage everywhere 7. Visual Studio streamlines developing universal Windows apps 8. You can tailor the design to each device 9. Shared projects to build universal apps One shared project solution in Visual Studio Project creates two AppX packages (one per Store) Shared dev and test tooling for both platforms IDE improvements 10. C# #if WINDOWS_PHONE_APP Windows.Phone.UI.Input.HardwareButtons.BackPressed += this.HardwareButtons_BackPressed; #endif C++ #if WINAPI_FAMILY==WINAPI_FAMILY_PHONE_APP _backPressedEventToken = HardwareButtons::BackPressed += ref new EventHandler(this, &NavigationHelper::HardwareButton_BackPressed); #endif 11. 12. 13. Portable Class Libraries I compile just once and know it works on all platforms Shared Projects I can easily include platform-specific code under #if or partial classes New! Improved! 14. Windows Runtime (WinRT) is the shared runtime and API space used across the Windows platform (phone + client) API coverage for Store app scenarios In 8.0, we had ~30% API convergence In 8.1, we move well past 90%+ convergence Common contract support now converged: Launch; Share; CachedFileUpdater; FilePicker Most non-converged APIs are form-factor specific (SMS/phone calls; Direct Access) 15. Keep using Windows Phone Silverlight 8.0 / 8.1 for these features / apps 16. 80% exact same XAML 20% custom Common SignatureOptimized DatePicker TimePicker CommandBar Button CheckBox RadioButton ProgressBar Slider ToggleSwitch Hub Pivot ListView GridView AppBar SysTray 17. Windows Windows Phone 18. 19. 20. 21. 22. #if WINDOWS_PHONE_APP Windows.Phone.UI.Input.HardwareButtons.BackPressed += HardwareButtons_BackPressed; #endif 23. 24. 2560 x 1440 1920 x 1080 1366 x 768450 x 800 to scale Scale Factors and Effective Resolution 384 x 683 25. Provides a common layout coordinate system that extends along the x and y axis into infinity, allowing you to scale up Physical screen size determines how much of this canvas is available Works for all screen sizes across the entire Windows platform 10 tablet 7 tablet 6 5 4.5 Infinite virtual canvas 166 Logical DPI Windows uses a virtual layout canvas to enable your app to light-up the experience most appropriate to the screen 26. Converged background task model Improved background agents make your app more agile New triggers and conditions increase user engagement Background agent improvements New trigger-based execution options 27. A single place for all your missed notifications FIFO processing Limit of 20 notifications per app Retained only for 7 days Notification management The Action Center provides fresh and relevant information while preserving glance + go 28. 29. 30. 720p Manifest(s) 1080p Spanish German Italian French EnglishWVGA DLLs 31. Start screen backup Configuration data can roam with the user Sync engine transfers data periodically based on triggers (user idle, battery, network, etc.) Syncs up to 100kb of data using the apps PFN Data is stored in the users OneDrive account, but doesnt count against their OneDrive quota Application data can be backed up Data is backed up daily in users SkyDrive account per device, and counts against their OneDive quota (user can disable) Roaming Local Temp Credential Locker Roaming Local Temp Roaming 100kb 100kb Device ADevice B 32. Proven Productivity Shared project tooling Windows Azure Mobile Services Notifications Hubs Power tools Profiling tools Store Test Kit Support for the full app lifecycle Visual Studio Online 33. 34. 35. Get Ready to Become a Windows Phone Developer Learn More About Windows Phone Dev via Official Microsoft Videos Check Out Additional Learning Resources Download Additional Resources & Become an Expert 50 1 2 3 4 36. 37. Thank You! Slides will be posted on my Slideshare account. Slideshare: Blog: Twitter: @ActiveNick Mobile Apps: LinkedIn: Website: Email: