Building engaging experiences
UWP is the unified platform for all Windows devices
Same universal app, tailored for devices Microsoft Build 2016 4/16/2018 4:52 AM Same universal app, tailored for devices © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
How do I achieve all this with one UWP app?! Microsoft Build 2016 4/16/2018 4:52 AM How do I achieve all this with one UWP app?! Platform Universal Controls + Styling Fluid Layout Panels Effective Pixels + Scaling Developer | Designer Utilize the same adaptive layout techniques from Web Custom triggers, separate XAML, separate code as needed Define Key Screen “Breakpoints” Tooling Visual Studio + Blend Simulate at Design time © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
<New in XAML /> Auto CommandBar overflow Multiple gamepad support Allow disabled controls to take focus GPU Blur, shadow, lighting effects Narrator keyboard improvements Xbox sounds and focus SVG font and icon support GPU accelerated animations Updated pivot focus visuals Simplified control theming Drag and drop onto ListView, GridView Native animated GIF support Xbox gamepad support Styled high visibility focus indicators Connected transitions Updated context menus Background overlay support with flyouts <New in XAML /> Improved accessibility for Date and Time pickers Common control perf improvements Soft keyboard without emoji New MediaPlayerElement Improved control of SIP Binding to functions Type-ahead on combo boxes Play background audio from a video Bottom to top ListView sorting Native Bool>Visibility converter Virtual mouse on Xbox Ink toolbar XAML edit and continue Multimodal ink canvas Multimodal ink ruler Narrator developer mode CommandBar label placement options Nested flyout support TreeView control
Demo New in XAML
UWP on Xbox: the 10’ experience Microsoft Build 2016 4/16/2018 4:52 AM UWP on Xbox: the 10’ experience Gamepad and Remote Interaction modes Inputs and Behaviors Tuning XY Focus Focus Engagement Focus Visualization Presenting on the TV UI sizing TV-safe area Colors Sound <YOUR APP HERE> © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Demo UWP on Xbox One
Windows Ink Easy Hard
Demo Windows Ink
Engaging user experiences The Universal Windows Platform enables you to build the most engaging experiences across devices For better UI engagement we have continued to invest in XAML. We have made it easier to engage users through specific hardware capabilities with the Pen and Xbox One. And we’ve made it easier for you to directly engage with your users through improvements to the Store. What’s New in XAML? Extending your UWP apps to Xbox One Engaging your users with Windows Ink
Enriching your UWP apps
UWP is the unified platform for all Windows devices
Simultaneous Pen and Touch Emulators for sensors Chat Sync Manager EDP Gaze Input Media Controls HLS Sample based encryption Store for Business Subtitles Unpaired Bluetooth Devices Ruler Paid App Upgrades Game controller input DIAL Cortana actions & triggers Cloud files Dev Analytics - Payout data APIs DLC Wi-fi deploy Cortana cross devices Unreal Engine 4 DX12 support for PC and Xbox VP9 Video Component UI HoloLens Emulator App Video Trailers Gesture Input Connected devices Maps offline download Video Ad breaks DirectInk for Win32 Contextual Sensing APIs Virtual Shield Spatial Audio 2,700+ new improvements Human Simulation Calendar APIs Windows Application Driver UWP on Xbox Store subscriptions Opus Audio Open Translators to Things Closed captioning APIs Input driven Animations & Effects Ink toolbar App Extensions Simultaneous Pen and Touch Badges on taskbar Low Light camera capture Game controller input Remote Sensors on IoT Background Audio Casting Windows Device Portal Bundles and add-ons Single process background execution Motion Sensing Mouse mode for game controllers DirectX 12 Mixed Reality Capture Dev Center APIs OpenType SVG color fonts Windows Hello Action center in the cloud
We chose some of our favorites… Composition App Extensions Handling Web Links Store
Windows Composition Framework layer Visual layer Graphics layer Controls, layout, markup, accessibility, data binding Windows.UI.XAML Visual layer Visuals, Animations & Expressions, Effects, Input Routing & Manipulations Windows.UI.Composition Graphics layer Text rasterization, shapes & vector rasterization, ink rendering DirectX Family
Expression animations Windows Composition Blur effects Lighting effects Expression animations 60 fps GPU Accelerated
Demo Windows Composition
Manage and Bring in Content App Extensions Edit Filter Filter Manage and Bring in Content
Host Package.appxmanifest <uap3:Extension Category="windows.appExtensionHost"> <uap3:AppExtensionHost> <uap3:Name>PhotoExt</uap3:Name> </uap3:AppExtensionHost> </uap3:Extension>
Extension Package.appxmanifest <uap3:Extension Category="windows.appExtension"> <uap3:AppExtension Name="PhotoExt" Id="base" PublicFolder="Public" DisplayName="Invert" Description="Invert Image"> </uap3:AppExtension> </uap3:Extension>
AppExtensions API Summary using Windows.ApplicationModel.AppExtensions; Open Extension Catalog var catalog = AppExtensionCatalog.Open("PhotoExt"); Find Extensions IReadOnlyList<AppExtension> extensions = await catalog.FindAllAsync(); Get Notified catalog.PackageInstalled += Catalog_PackageInstalled; Load Content StorageFolder folder = await ext.GetPublicFolderAsync();
Demo App Extensions
Handling Web Links App Uri Handlers 4/16/2018 4:52 AM Handling Web Links App Uri Handlers Take users seamlessly to the content in your rich native experience Increased app launches No redirects Graceful fallback http://www.contoso.com foo Contoso © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Demo Handle Web Links
Windows Store
Dev Center Insider Just like Windows Insiders, we want your feedback to make things better
A/B Testing Target various market segments to help you make more informed decision
Package Flight Phase your role out for your applications and target various market segments
Feedback Integration into the Feedback Hub
Demo Store SDK Demo
Enriching your UWP apps Windows 10 Anniversary Update brings 2700+ new improvements to the platform We have add and evolved features to enable you to enrich your app across many areas – from rich animations to extending your app through extensions and enhanced user app engagement Composition App Extensions Handling Web Links Store