37

Universal Application

Embed Size (px)

DESCRIPTION

Universal App is a new way to build application for Windows and Windows Phone that has a great amount of code sharing

Citation preview

Page 1: Universal Application
Page 2: Universal Application
Page 3: Universal Application
Page 4: Universal Application
Page 5: Universal Application
Page 6: Universal Application

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<BackPressedEventArgs^>(this,

&NavigationHelper::HardwareButton_BackPressed);

#endif

Page 7: Universal Application
Page 8: Universal Application
Page 9: Universal Application
Page 10: Universal Application

PortableClass Libraries

I compile just onceand know it works

on all platforms

SharedProjects

I can easily include platform-specific code under #if or partial classes

New! Improved!

Page 11: Universal Application
Page 12: Universal Application
Page 13: Universal Application

Visual Studio streamlines developing universal Windows apps

Page 14: Universal Application

You can tailor the design to each device

Page 15: Universal Application

DEMO: Shared Projects in Visual Studio

Page 16: Universal Application
Page 17: Universal Application

80% exact same XAML 20% custom

Common SignatureOptimized

DatePicker

TimePicker

CommandBar

Button

CheckBox

RadioButton ProgressBar

Slider

ToggleSwitchHub

Pivot

ListView

GridView

AppBar

SysTray

Page 18: Universal Application

Windows Windows Phone

Page 19: Universal Application

Controls

Page 20: Universal Application
Page 21: Universal Application
Page 22: Universal Application

DEMO: Same API/Behavior

Page 23: Universal Application
Page 24: Universal Application
Page 25: Universal Application

DEMO: Same API Tailored Behavior

Page 26: Universal Application

<Page.BottomAppBar>

<CommandBar>

<AppBarButton Icon="Accept" Label="Accept" />

<AppBarButton Icon="Cancel" Label="Cancel" />

<CommandBar.SecondaryCommands>

<AppBarButton x:Uid="AboutAppBarButton" Icon="Help" />

<AppBarButton x:Uid="HomeAppBarButton" Icon="Home" />

</CommandBar.SecondaryCommands>

</CommandBar>

</Page.BottomAppBar>

Page 27: Universal Application
Page 28: Universal Application
Page 29: Universal Application
Page 30: Universal Application

#if WINDOWS_PHONE_APPWindows.Phone.UI.Input.HardwareButtons.BackPressed += HardwareButtons_BackPressed;

#endif

Page 31: Universal Application
Page 32: Universal Application

2560 x 1440

1920 x 1080

1366 x 768450 x 800

to scale

Scale Factors and Effective Resolution

384 x 683

Page 33: Universal Application
Page 34: Universal Application
Page 35: Universal Application
Page 36: Universal Application
Page 37: Universal Application

720p

Manifest(s)

1080p SpanishGermanItalianFrenchEnglishWVGA

DLLs