Universal Windows Platform One codebase for Mobile, Desktop, IoT, Xbox, HoloLens, etc. Gergely

About me Gergely Kalapos, Short: Gergö as a Software Engineer Born in Hungary Studied Software Engineering at JKU in Linz Started with.NET development around 2008

Goal of the talk Give an overview about UWP E.g. if you have a product and you have to deliver a Windows client/version UWP can be relevant. After this talk you should be able to decide if UWP is the way to go. Show you an interesting concept (1 codebase (including UI!) for everything) E.g. if you are an iOS developer imagine that you write one codebase for Mac, Apple Watch, iPhone, iPad, and iWoaßNetWos This is not a deep dive talk on UWP

Goal of the talk I don’t work for Microsoft -> I will also tell you what I don’t like about it or what are thing which do not work well

Outline 1.What is UWP? Why did Microsoft create it? 2.Create a single UI: Phone(~4”) Surface hub 55” 3.Code sharing: IoT (Resberry Pi) Desktop PC (i7, 16GB Ram) 4.Cortana Integration

How to try it? Install Visual Studio 2015 and Windows 10 (It also works with a VM, it runs perfectly on my Mac with VMware!)

How to try it?

History Source: Microsoft

Windows Runtime

Windows Runtime – Why do we need it? public async Task LongRunningMethod() { var file = await Windows.Storage.ApplicationData.Current.LocalFolder.CreateFileAsync("VeryBigFile.dat ", Windows.Storage.CreationCollisionOption.ReplaceExisting); using (var stream = await file.OpenStreamForWriteAsync()) { using (var streamWriter = new StreamWriter(stream)) { var lotsOfData = GetLotsOfData(); await streamWriter.WriteAsync(lotsOfData); }

Benefit

One UI for every Windows 10 device

Devices with very small (Phone) and very big (Xbox) display. What about the UI? Tailored UI selected manually. //Get the diagonal size of the integrated display var dsc = new DisplaySizeHelper.DisplaySizeClass(); double _actualSizeInInches = dsc.GetDisplaySizeInInches(); //If the diagonal size is <= 7" use the OneHanded optimized view if ( _actualSizeInInches >0 && _actualSizeInInches <= ONEHANDEDSIZE) { rootFrame.Navigate(typeof(MainPage_OneHanded), e.Arguments); } else { rootFrame.Navigate(typeof(MainPage), e.Arguments); } Avoid this if you can (it’s possible in most cases!)

Devices with very small (Phone) and very big (Xbox) display. What about the UI? Tailored UI, selected by the framework Avoid this if you can (it’s possible in most cases!)

Adaptive UI Adaptive triggers Declarative state transition Two built in trigger: MinWindowHeight, MinWindowWidth

Adaptive UI Adaptive State Setter Setting values in a visual state

Adaptive UI StateTriggers and Setters form a visual state. All the Setters are applied when the StateTrigger returns true.

Adaptive UI Recommendation: Use this, if there is no specific reason not to use Adaptive UI E.g. Continuum

Adaptive UI Demo (Hello World + PasswordWallet + Expression Blend)

One codebase for every Windows 10 device

Adaptive Code – How to take advantage of special hardware – The Windows 8.1 Solution 1 codebase 2 binaries Compilation directives C# Syntax #if WINDOWS_PHONE_APP Windows.Phone.UI.Input.HardwareButtons.BackPressed += this.HardwareButtons_BackPressed ; #endif C++ Syntax #if WINAPI_FAMILY==WINAPI_FAMILY_PHONE_APP _backPressedEventToken = HardwareButtons ::BackPressed += ref new EventHandler (this, &NavigationHelper::HardwareButton_BackPressed); #endif And this was very- very ugly!

Adaptive Code – How to take advantage of special hardware – The UWP way There is really a single binary for every device family No ifdefs -> this is done in runtime There is a common API surface (More then 80% of all the APIs is there) All the rest are in so called platform specific APIs, which do not invalidate binaries! If you add a platform specific api you can light up device specific features only for a specific device family. (e.g. in a contacts app on mobile can also call a contact)

Adaptive Code – How to take advantage of special hardware – The UWP way Windows universal Desktop PC 2 in 1 Mobile Tablet Phablet Phone Xbox IoT Band IoT headless Raspberry Pi Home Automation Surface Hub Holographic HoloLens

Adaptive Code – How to take advantage of special hardware – The UWP way Platform Specific APIs can be added as new references

Testing for capabilities IsApiContractPresent IsEnumNamedValuePresent IsEventPresent IsMethodPresent IsPropertyPresent IsReadOnlyPropertyPresent IsTypePresent IsWriteablePropertyPresent Windows.Foundation.Metadata.ApiInformation

Testing for capabilities var api = "Windows.Phone.UI.Input.HardwareButtons"; if (Windows.Foundation.Metadata.ApiInformation.IsTypePresent(api)) { Windows.Phone.UI.Input.HardwareButtons.CameraPressed += CameraButtonPressed; }

ApiInformation demo Demo

Limit the App to a specific device family By default the app runs on every device family. In the manifest you can change this Runs only on Mobile device family:

Cortana Integration

Demo Sample from Microsoft

Cortana Integration – 1. The VCD File Adventure Works, When is my trip to Las Vegas? When is my trip to Las Vegas? when is [my] trip to {destination} Looking for trip to {destination} Las Vegas Dallas New York

Cortana Integration – 2. Registering the VCD StorageFile vcdStorageFile = await await Windows.ApplicationModel.VoiceCommands.VoiceCommandDefinitionManager.InstallCommandDefiniti onsFromStorageFileAsync(vcdStorageFile);

Cortana Integration – 3. AppService (Only for background stuff)

Summary

Resources A Developer’s guide to UWP guide-to-windows guide-to-windows About API contracts from Larry Osterman (Explains the low level implementation of API Contracts, very interesting!) Larry-Osterman-API-Contracts Larry-Osterman-API-Contracts Sample Apps

Why do I do this?

Thank you!