DotNet Cologne 2015 - Windows 10 AppDev, Teil3: Schönes für Entwickler - (Daniel Meixner)

XboxIoT

Adaptive Design

http://windows.Microsoft.comhttp://windows.Microsoft.com

DEMO

Two Heads (W8.1/WP8.1)

In-the-box

Scale

Factors

100 125 150 200 250 300 400

720epx

720epx

320epx

1024epx

Splitview


SplitView


Common behavior, custom design

Your Windows App


Segoe MDL2 Assets


SplitView.Content<SplitView>

<SplitView.Pane>

<StackPanel>

<RadioButton />

<RadioButton />

</StackPanel>

</SplitView.Pane>

<SplitView.Content>

<Frame/>

</SplitView.Content>

</SplitView>


SplitView.PaneDisplayModeSplitView.IsPaneOpen

"True"SplitView.IsPaneOpen

"False"

Inline

Overlay

Compact Inline

Compact Overlay

DEMO

Splitview

Relative Panel


Relative Panel is a XAML layout control. It arranges

children by declaring relationships between them.

Introducing the Relative Panel

Windows XAML layout controls

GridStack

PanelCanvas

Scroll

ViewerBorder View Box

Wrap

GridRelative

Panel


Align with sibling (right)

<RelativePanel>

<Rectangle x:Name="BlueRect" Height="100" Width="100" Fill="Blue" />

<Rectangle x:Name="RedRect" Height="100" Width="100" Fill="Red"

RelativePanel.RightOf="BlueRect"RelativePanel.AlignVerticalCenterWith="BlueRect" />

</RelativePanel>


Align with sibling (below, right)

<RelativePanel>

<Rectangle x:Name="BlueRect" Height="100" Width="100" Fill="Blue" />

<Rectangle x:Name="RedRect" Height="100" Width="100" Fill="Red"

RelativePanel.Below="BlueRect"RelativePanel.AlignRightWith="BlueRect" />

</RelativePanel>


Simplify the visual tree

<Grid>

<StackPanel>

<StackPanel>

<TextBlock />

<TextBlock />

</StackPanel>

<StackPanel>

<TextBlock />

<TextBlock />

</StackPanel>

</StackPanel>

</Grid>

<RelativePanel>

<TextBlock />

<TextBlock />

<TextBlock />

<TextBlock />

</RelativePanel >

DEMO

Relative Panel

Visual State Trigger

<VisualState x:Name="Pressed">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"

Storyboard.TargetProperty="Background">

<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResourceSystemControlBackgroundBaseMediumLowBrush}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

Storyboard.TargetProperty="BorderBrush">

DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResourceSystemControlHighlightTransparentBrush}" />


<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"

Storyboard.TargetProperty="Foreground">

<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResourceSystemControlHighlightBaseHighBrush}" />


</Storyboard>

</VisualState>

DEMODEMODEMO

Visual State Manager

Introducing Continuum

Visual Studio Tools

DEMODEMODEMO

Visual Studio Tools


New/different in UAP Maps

New control: Windows.UI.Xaml.Maps.MapControlThis is the Windows Phone 8.1 WinRT Map control

MapControl.Children -> XAML objects Supports Data Binding

Custom tile source support


await MapRouteFinder

MapRouteFinder

await MapRouteFinder

Maps.MapRouteFinder

Get driving route

Get walking route

Get multi-point driving route


MapLocationFinder

MapLocationFinder

Maps.MapLocationFinder

Latitude, longitude & geopointto postal address

Postal address & free text hint to latitude, longitude

This is not a local/places search.

DEMODEMODEMO

Maps

DEMODEMODEMO

Inking

http://windows.Microsoft.comhttp://windows.Microsoft.comhttp://windows.Microsoft.com

NET

DotNet Cologne 2015 - Windows 10 AppDev, Teil3: Schönes für Entwickler - (Daniel Meixner)

Software

Transcript of DotNet Cologne 2015 - Windows 10 AppDev, Teil3: Schönes für Entwickler - (Daniel Meixner)