universal app platform - a preview of 3 new ui controls

31
Universal App Platform Windows 10

Upload: neil-turner

Post on 17-Jul-2015

355 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Universal App Platform - A preview of 3 new UI controls

Universal App Platform

Windows 10

Page 2: Universal App Platform - A preview of 3 new UI controls

Neil Turner@theothernt

Page 3: Universal App Platform - A preview of 3 new UI controls

Independent developerof things on Xbox, Windows Phone and iOS.

Page 4: Universal App Platform - A preview of 3 new UI controls

Who develops with C# + XAML?

Page 5: Universal App Platform - A preview of 3 new UI controls

XAML

A quick history of

Page 6: Universal App Platform - A preview of 3 new UI controls

WPF / Desktop

Page 7: Universal App Platform - A preview of 3 new UI controls

Silverlight / Web

Page 8: Universal App Platform - A preview of 3 new UI controls

Silverlight / Phone

Page 9: Universal App Platform - A preview of 3 new UI controls

WinRT / Everywhere

Page 10: Universal App Platform - A preview of 3 new UI controls

Windows 8.1

Universal apps with

Page 11: Universal App Platform - A preview of 3 new UI controls

Shared project +Platform specific projects

Page 12: Universal App Platform - A preview of 3 new UI controls
Page 13: Universal App Platform - A preview of 3 new UI controls

90% of APIs common between Windows 8.1 and

Windows Phone 8.1

Page 14: Universal App Platform - A preview of 3 new UI controls

Universal App Platform

Windows 10

Page 15: Universal App Platform - A preview of 3 new UI controls
Page 16: Universal App Platform - A preview of 3 new UI controls

1 project, 1 binary

add more if you like!

Page 17: Universal App Platform - A preview of 3 new UI controls

Common APIs and UI controls

Page 18: Universal App Platform - A preview of 3 new UI controls
Page 19: Universal App Platform - A preview of 3 new UI controls
Page 20: Universal App Platform - A preview of 3 new UI controls
Page 21: Universal App Platform - A preview of 3 new UI controls

<SplitView x:Name="SplitView"OpenPaneLength="100"PanePlacement="Left"><SplitView.Pane>

<Grid Background="Salmon"><TextBlock Text="SplitView pane" />

</Grid></SplitView.Pane><Grid Background="LightBlue">

<TextBlock Text="Regular content" /></Grid>

</SplitView>

Page 22: Universal App Platform - A preview of 3 new UI controls

Responsive / Adaptive layouts

Page 23: Universal App Platform - A preview of 3 new UI controls
Page 24: Universal App Platform - A preview of 3 new UI controls

<RelativePanel><Button Content="Button 1" x:Name="B1"RelativePanel.AlightHorizontalCenterWithPanel="True" /><Button Content="Button 2"RelativePanel.LeftOf="{Binding ElementName=B1}" />

</RelativePanel>

Page 25: Universal App Platform - A preview of 3 new UI controls

<VisualStateManager.VisualStateGroups><VisualStateGroup>

<VisualState x:Name="WideState"><VisualState.StateTriggers>

<AdaptiveTrigger MinWindowWidth="600" /></VisualState.StateTriggers>

</VisualState></VisualStateGroup>

</VisualStateManager.VisualStateGroups>

Page 26: Universal App Platform - A preview of 3 new UI controls

Universal App Platform

How to prepare for the

Page 27: Universal App Platform - A preview of 3 new UI controls

Target Windows / Phone 8.1 using WinRT

Page 28: Universal App Platform - A preview of 3 new UI controls

Shared Projects +

Portable Class Libraries

Page 29: Universal App Platform - A preview of 3 new UI controls

Design for adaptive layouts

phone / tablet / big screen

Page 30: Universal App Platform - A preview of 3 new UI controls

2015

Page 31: Universal App Platform - A preview of 3 new UI controls

Thanks for listening!

Any questions?