|
|
|
|
<!--
|
|
|
|
|
//*********************************************************
|
|
|
|
|
//
|
|
|
|
|
// Copyright (c) Microsoft. All rights reserved.
|
|
|
|
|
// THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF
|
|
|
|
|
// ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY
|
|
|
|
|
// IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR
|
|
|
|
|
// PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
|
|
|
|
|
//
|
|
|
|
|
//*********************************************************
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
<ResourceDictionary
|
|
|
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
|
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
|
|
|
|
|
|
|
|
|
<!-- Non-brush values that vary across themes -->
|
|
|
|
|
|
|
|
|
|
<ResourceDictionary.ThemeDictionaries>
|
|
|
|
|
<ResourceDictionary x:Key="Default">
|
|
|
|
|
<x:String x:Key="BackButtonGlyph"></x:String>
|
|
|
|
|
<x:String x:Key="BackButtonSnappedGlyph"></x:String>
|
|
|
|
|
</ResourceDictionary>
|
|
|
|
|
|
|
|
|
|
<ResourceDictionary x:Key="HighContrast">
|
|
|
|
|
<x:String x:Key="BackButtonGlyph"></x:String>
|
|
|
|
|
<x:String x:Key="BackButtonSnappedGlyph"></x:String>
|
|
|
|
|
</ResourceDictionary>
|
|
|
|
|
</ResourceDictionary.ThemeDictionaries>
|
|
|
|
|
|
|
|
|
|
<!-- RichTextBlock styles -->
|
|
|
|
|
|
|
|
|
|
<Style x:Key="BasicRichTextStyle" TargetType="RichTextBlock">
|
|
|
|
|
<Setter Property="Foreground" Value="{StaticResource ApplicationForegroundThemeBrush}"/>
|
|
|
|
|
<Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/>
|
|
|
|
|
<Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
|
|
|
|
|
<Setter Property="TextTrimming" Value="WordEllipsis"/>
|
|
|
|
|
<Setter Property="TextWrapping" Value="Wrap"/>
|
|
|
|
|
<Setter Property="Typography.StylisticSet20" Value="True"/>
|
|
|
|
|
<Setter Property="Typography.DiscretionaryLigatures" Value="True"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="BaselineRichTextStyle" TargetType="RichTextBlock" BasedOn="{StaticResource BasicRichTextStyle}">
|
|
|
|
|
<Setter Property="LineHeight" Value="20"/>
|
|
|
|
|
<Setter Property="LineStackingStrategy" Value="BlockLineHeight"/>
|
|
|
|
|
<!-- Properly align text along its baseline -->
|
|
|
|
|
<Setter Property="RenderTransform">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<TranslateTransform X="-1" Y="4"/>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="ItemRichTextStyle" TargetType="RichTextBlock" BasedOn="{StaticResource BaselineRichTextStyle}"/>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="BodyRichTextStyle" TargetType="RichTextBlock" BasedOn="{StaticResource BaselineRichTextStyle}">
|
|
|
|
|
<Setter Property="FontWeight" Value="SemiLight"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- TextBlock styles -->
|
|
|
|
|
|
|
|
|
|
<Style x:Key="BasicTextStyle" TargetType="TextBlock">
|
|
|
|
|
<Setter Property="Foreground" Value="{StaticResource ApplicationForegroundThemeBrush}"/>
|
|
|
|
|
<Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/>
|
|
|
|
|
<Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
|
|
|
|
|
<Setter Property="TextTrimming" Value="WordEllipsis"/>
|
|
|
|
|
<Setter Property="TextWrapping" Value="Wrap"/>
|
|
|
|
|
<Setter Property="Typography.StylisticSet20" Value="True"/>
|
|
|
|
|
<Setter Property="Typography.DiscretionaryLigatures" Value="True"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="BaselineTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BasicTextStyle}">
|
|
|
|
|
<Setter Property="LineHeight" Value="20"/>
|
|
|
|
|
<Setter Property="LineStackingStrategy" Value="BlockLineHeight"/>
|
|
|
|
|
<!-- Properly align text along its baseline -->
|
|
|
|
|
<Setter Property="RenderTransform">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<TranslateTransform X="-1" Y="4"/>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="HeaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}">
|
|
|
|
|
<Setter Property="FontSize" Value="56"/>
|
|
|
|
|
<Setter Property="FontWeight" Value="Light"/>
|
|
|
|
|
<Setter Property="LineHeight" Value="40"/>
|
|
|
|
|
<Setter Property="RenderTransform">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<TranslateTransform X="-2" Y="8"/>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="SubheaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}">
|
|
|
|
|
<Setter Property="FontSize" Value="26.667"/>
|
|
|
|
|
<Setter Property="FontWeight" Value="Light"/>
|
|
|
|
|
<Setter Property="LineHeight" Value="30"/>
|
|
|
|
|
<Setter Property="RenderTransform">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<TranslateTransform X="-1" Y="6"/>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="TitleTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}">
|
|
|
|
|
<Setter Property="FontWeight" Value="SemiBold"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="ItemTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"/>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="BodyTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}">
|
|
|
|
|
<Setter Property="FontWeight" Value="SemiLight"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="CaptionTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}">
|
|
|
|
|
<Setter Property="FontSize" Value="12"/>
|
|
|
|
|
<Setter Property="Foreground" Value="{StaticResource ApplicationSecondaryForegroundThemeBrush}"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- Button styles -->
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
TextButtonStyle is used to style a Button using subheader-styled text with no other adornment. This
|
|
|
|
|
style is used in the GroupedItemsPage as a group header and in the FileOpenPickerPage for triggering
|
|
|
|
|
commands.
|
|
|
|
|
-->
|
|
|
|
|
<Style x:Key="TextButtonStyle" TargetType="Button">
|
|
|
|
|
<Setter Property="MinWidth" Value="0"/>
|
|
|
|
|
<Setter Property="MinHeight" Value="0"/>
|
|
|
|
|
<Setter Property="Template">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ControlTemplate TargetType="Button">
|
|
|
|
|
<Grid Background="Transparent">
|
|
|
|
|
<TextBlock
|
|
|
|
|
x:Name="Text"
|
|
|
|
|
Text="{TemplateBinding Content}"
|
|
|
|
|
Margin="3,-7,3,10"
|
|
|
|
|
TextWrapping="NoWrap"
|
|
|
|
|
Style="{StaticResource SubheaderTextStyle}"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualWhite"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="1.5"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualBlack"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="0.5"/>
|
|
|
|
|
|
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
|
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
|
|
|
<VisualState x:Name="Normal"/>
|
|
|
|
|
<VisualState x:Name="PointerOver">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPointerOverForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Pressed">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPressedForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Disabled">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
|
|
|
<VisualState x:Name="Focused">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity"/>
|
|
|
|
|
<DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Unfocused"/>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateManager.VisualStateGroups>
|
|
|
|
|
</Grid>
|
|
|
|
|
</ControlTemplate>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
TextRadioButtonStyle is used to style a RadioButton using subheader-styled text with no other adornment.
|
|
|
|
|
This style is used in the SearchResultsPage to allow selection among filters.
|
|
|
|
|
-->
|
|
|
|
|
<Style x:Key="TextRadioButtonStyle" TargetType="RadioButton">
|
|
|
|
|
<Setter Property="MinWidth" Value="0"/>
|
|
|
|
|
<Setter Property="MinHeight" Value="0"/>
|
|
|
|
|
<Setter Property="Template">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ControlTemplate TargetType="RadioButton">
|
|
|
|
|
<Grid Background="Transparent">
|
|
|
|
|
<TextBlock
|
|
|
|
|
x:Name="Text"
|
|
|
|
|
Text="{TemplateBinding Content}"
|
|
|
|
|
Margin="3,-7,3,10"
|
|
|
|
|
TextWrapping="NoWrap"
|
|
|
|
|
Style="{StaticResource SubheaderTextStyle}"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualWhite"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="1.5"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualBlack"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="0.5"/>
|
|
|
|
|
|
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
|
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
|
|
|
<VisualState x:Name="Normal"/>
|
|
|
|
|
<VisualState x:Name="PointerOver">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPointerOverForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Pressed">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPressedForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Disabled">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
|
|
|
<VisualState x:Name="Focused">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity"/>
|
|
|
|
|
<DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Unfocused"/>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
<VisualStateGroup x:Name="CheckStates">
|
|
|
|
|
<VisualState x:Name="Checked"/>
|
|
|
|
|
<VisualState x:Name="Unchecked">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationSecondaryForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Indeterminate"/>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateManager.VisualStateGroups>
|
|
|
|
|
</Grid>
|
|
|
|
|
</ControlTemplate>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
AppBarButtonStyle is used to style a Button for use in an App Bar. Content will be centered and should fit within
|
|
|
|
|
the 40-pixel radius glyph provided. 16-point Segoe UI Symbol is used for content text to simplify the use of glyphs
|
|
|
|
|
from that font. AutomationProperties.Name is used for the text below the glyph.
|
|
|
|
|
-->
|
|
|
|
|
<Style x:Key="AppBarButtonStyle" TargetType="Button">
|
|
|
|
|
<Setter Property="Foreground" Value="{StaticResource AppBarItemForegroundThemeBrush}"/>
|
|
|
|
|
<Setter Property="VerticalAlignment" Value="Stretch"/>
|
|
|
|
|
<Setter Property="FontFamily" Value="Segoe UI Symbol"/>
|
|
|
|
|
<Setter Property="FontWeight" Value="Normal"/>
|
|
|
|
|
<Setter Property="FontSize" Value="20"/>
|
|
|
|
|
<Setter Property="AutomationProperties.ItemType" Value="App Bar Button"/>
|
|
|
|
|
<Setter Property="Template">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ControlTemplate TargetType="Button">
|
|
|
|
|
<Grid Width="100" Background="Transparent">
|
|
|
|
|
<StackPanel VerticalAlignment="Top" Margin="0,14,0,13">
|
|
|
|
|
<Grid Width="40" Height="40" Margin="0,0,0,5" HorizontalAlignment="Center">
|
|
|
|
|
<TextBlock x:Name="BackgroundGlyph" Text="" FontFamily="Segoe UI Symbol" FontSize="53.333" Margin="-4,-19,0,0" Foreground="{StaticResource AppBarItemBackgroundThemeBrush}"/>
|
|
|
|
|
<TextBlock x:Name="OutlineGlyph" Text="" FontFamily="Segoe UI Symbol" FontSize="53.333" Margin="-4,-19,0,0"/>
|
|
|
|
|
<ContentPresenter x:Name="Content" HorizontalAlignment="Center" Margin="-1,-1,0,0" VerticalAlignment="Center"/>
|
|
|
|
|
</Grid>
|
|
|
|
|
<TextBlock
|
|
|
|
|
x:Name="TextLabel"
|
|
|
|
|
Text="{TemplateBinding AutomationProperties.Name}"
|
|
|
|
|
Margin="0,0,2,0"
|
|
|
|
|
FontSize="12"
|
|
|
|
|
TextAlignment="Center"
|
|
|
|
|
Width="88"
|
|
|
|
|
MaxHeight="32"
|
|
|
|
|
TextTrimming="WordEllipsis"
|
|
|
|
|
Style="{StaticResource BasicTextStyle}"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualWhite"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="1.5"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualBlack"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="0.5"/>
|
|
|
|
|
|
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
|
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
|
|
|
<VisualState x:Name="Normal"/>
|
|
|
|
|
<VisualState x:Name="PointerOver">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemPointerOverBackgroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemPointerOverForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Pressed">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="OutlineGlyph"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="0"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemPressedForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Disabled">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="OutlineGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemDisabledForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemDisabledForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextLabel" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemDisabledForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
|
|
|
<VisualState x:Name="Focused">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="FocusVisualWhite"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="FocusVisualBlack"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Unfocused" />
|
|
|
|
|
<VisualState x:Name="PointerFocused" />
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateManager.VisualStateGroups>
|
|
|
|
|
</Grid>
|
|
|
|
|
</ControlTemplate>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- Standard App Bar buttons -->
|
|
|
|
|
|
|
|
|
|
<Style x:Key="SkipBackAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="SkipBackAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Skip Back"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="SkipAheadAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="SkipAheadAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Skip Ahead"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="PlayAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="PlayAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Play"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="PauseAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="PauseAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Pause"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="EditAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="EditAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Edit"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="SaveAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="SaveAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Save"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="DeleteAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="DeleteAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Delete"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="DiscardAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="DiscardAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Discard"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="RemoveAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="RemoveAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Remove"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="AddAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="AddAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Add"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="NoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="NoAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="No"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="YesAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="YesAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Yes"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="MoreAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="MoreAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="More"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="RedoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="RedoAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Redo"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="UndoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="UndoAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Undo"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="HomeAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="HomeAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Home"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="OutAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="OutAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Out"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="NextAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="NextAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Next"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="PreviousAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="PreviousAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Previous"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="FavoriteAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="FavoriteAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Favorite"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="PhotoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="PhotoAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Photo"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="SettingsAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="SettingsAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Settings"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="VideoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="VideoAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Video"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="RefreshAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="RefreshAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Refresh"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="DownloadAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="DownloadAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Download"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="MailAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="MailAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Mail"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="SearchAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="SearchAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Search"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="HelpAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="HelpAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Help"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="UploadAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="UploadAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Upload"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="PinAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="PinAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Pin"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
<Style x:Key="UnpinAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="UnpinAppBarButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Unpin"/>
|
|
|
|
|
<Setter Property="Content" Value=""/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- Title area styles -->
|
|
|
|
|
|
|
|
|
|
<Style x:Key="PageHeaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource HeaderTextStyle}">
|
|
|
|
|
<Setter Property="TextWrapping" Value="NoWrap"/>
|
|
|
|
|
<Setter Property="VerticalAlignment" Value="Bottom"/>
|
|
|
|
|
<Setter Property="Margin" Value="0,0,40,40"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="PageSubheaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource SubheaderTextStyle}">
|
|
|
|
|
<Setter Property="TextWrapping" Value="NoWrap"/>
|
|
|
|
|
<Setter Property="VerticalAlignment" Value="Bottom"/>
|
|
|
|
|
<Setter Property="Margin" Value="0,0,0,40"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="SnappedPageHeaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource PageSubheaderTextStyle}">
|
|
|
|
|
<Setter Property="Margin" Value="0,0,18,40"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
BackButtonStyle is used to style a Button for use in the title area of a page. Margins appropriate for
|
|
|
|
|
the conventional page layout are included as part of the style.
|
|
|
|
|
-->
|
|
|
|
|
<Style x:Key="BackButtonStyle" TargetType="Button">
|
|
|
|
|
<Setter Property="MinWidth" Value="0"/>
|
|
|
|
|
<Setter Property="Width" Value="48"/>
|
|
|
|
|
<Setter Property="Height" Value="48"/>
|
|
|
|
|
<Setter Property="Margin" Value="36,0,36,36"/>
|
|
|
|
|
<Setter Property="VerticalAlignment" Value="Bottom"/>
|
|
|
|
|
<Setter Property="FontFamily" Value="Segoe UI Symbol"/>
|
|
|
|
|
<Setter Property="FontWeight" Value="Normal"/>
|
|
|
|
|
<Setter Property="FontSize" Value="56"/>
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="BackButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Back"/>
|
|
|
|
|
<Setter Property="AutomationProperties.ItemType" Value="Navigation Button"/>
|
|
|
|
|
<Setter Property="Template">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ControlTemplate TargetType="Button">
|
|
|
|
|
<Grid x:Name="RootGrid">
|
|
|
|
|
<Grid Margin="-1,-16,0,0">
|
|
|
|
|
<TextBlock x:Name="BackgroundGlyph" Text="" Foreground="{StaticResource BackButtonBackgroundThemeBrush}"/>
|
|
|
|
|
<TextBlock x:Name="NormalGlyph" Text="{StaticResource BackButtonGlyph}" Foreground="{StaticResource BackButtonForegroundThemeBrush}"/>
|
|
|
|
|
<TextBlock x:Name="ArrowGlyph" Text="" Foreground="{StaticResource BackButtonPressedForegroundThemeBrush}" Opacity="0"/>
|
|
|
|
|
</Grid>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualWhite"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="1.5"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualBlack"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="0.5"/>
|
|
|
|
|
|
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
|
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
|
|
|
<VisualState x:Name="Normal" />
|
|
|
|
|
<VisualState x:Name="PointerOver">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverBackgroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="NormalGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Pressed">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="ArrowGlyph"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="NormalGlyph"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="0"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Disabled">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid" Storyboard.TargetProperty="Visibility">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
|
|
|
<VisualState x:Name="Focused">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="FocusVisualWhite"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="FocusVisualBlack"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Unfocused" />
|
|
|
|
|
<VisualState x:Name="PointerFocused" />
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateManager.VisualStateGroups>
|
|
|
|
|
</Grid>
|
|
|
|
|
</ControlTemplate>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
PortraitBackButtonStyle is used to style a Button for use in the title area of a portrait page. Margins appropriate
|
|
|
|
|
for the conventional page layout are included as part of the style.
|
|
|
|
|
-->
|
|
|
|
|
<Style x:Key="PortraitBackButtonStyle" TargetType="Button" BasedOn="{StaticResource BackButtonStyle}">
|
|
|
|
|
<Setter Property="Margin" Value="26,0,26,36"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
SnappedBackButtonStyle is used to style a Button for use in the title area of a snapped page. Margins appropriate
|
|
|
|
|
for the conventional page layout are included as part of the style.
|
|
|
|
|
|
|
|
|
|
The obvious duplication here is necessary as the glyphs used in snapped are not merely smaller versions of the same
|
|
|
|
|
glyph but are actually distinct.
|
|
|
|
|
-->
|
|
|
|
|
<Style x:Key="SnappedBackButtonStyle" TargetType="Button">
|
|
|
|
|
<Setter Property="MinWidth" Value="0"/>
|
|
|
|
|
<Setter Property="Margin" Value="20,0,0,0"/>
|
|
|
|
|
<Setter Property="VerticalAlignment" Value="Bottom"/>
|
|
|
|
|
<Setter Property="FontFamily" Value="Segoe UI Symbol"/>
|
|
|
|
|
<Setter Property="FontWeight" Value="Normal"/>
|
|
|
|
|
<Setter Property="FontSize" Value="26.66667"/>
|
|
|
|
|
<Setter Property="AutomationProperties.AutomationId" Value="BackButton"/>
|
|
|
|
|
<Setter Property="AutomationProperties.Name" Value="Back"/>
|
|
|
|
|
<Setter Property="AutomationProperties.ItemType" Value="Navigation Button"/>
|
|
|
|
|
<Setter Property="Template">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ControlTemplate TargetType="Button">
|
|
|
|
|
<Grid x:Name="RootGrid" Width="36" Height="36" Margin="-3,0,7,33">
|
|
|
|
|
<Grid Margin="-1,-1,0,0">
|
|
|
|
|
<TextBlock x:Name="BackgroundGlyph" Text="" Foreground="{StaticResource BackButtonBackgroundThemeBrush}"/>
|
|
|
|
|
<TextBlock x:Name="NormalGlyph" Text="{StaticResource BackButtonSnappedGlyph}" Foreground="{StaticResource BackButtonForegroundThemeBrush}"/>
|
|
|
|
|
<TextBlock x:Name="ArrowGlyph" Text="" Foreground="{StaticResource BackButtonPressedForegroundThemeBrush}" Opacity="0"/>
|
|
|
|
|
</Grid>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualWhite"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="1.5"/>
|
|
|
|
|
<Rectangle
|
|
|
|
|
x:Name="FocusVisualBlack"
|
|
|
|
|
IsHitTestVisible="False"
|
|
|
|
|
Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}"
|
|
|
|
|
StrokeEndLineCap="Square"
|
|
|
|
|
StrokeDashArray="1,1"
|
|
|
|
|
Opacity="0"
|
|
|
|
|
StrokeDashOffset="0.5"/>
|
|
|
|
|
|
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
|
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
|
|
|
<VisualState x:Name="Normal" />
|
|
|
|
|
<VisualState x:Name="PointerOver">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverBackgroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="NormalGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Pressed">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonForegroundThemeBrush}"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="ArrowGlyph"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="NormalGlyph"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="0"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Disabled">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid" Storyboard.TargetProperty="Visibility">
|
|
|
|
|
<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
|
|
|
|
|
</ObjectAnimationUsingKeyFrames>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
<VisualStateGroup x:Name="FocusStates">
|
|
|
|
|
<VisualState x:Name="Focused">
|
|
|
|
|
<Storyboard>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="FocusVisualWhite"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
<DoubleAnimation
|
|
|
|
|
Storyboard.TargetName="FocusVisualBlack"
|
|
|
|
|
Storyboard.TargetProperty="Opacity"
|
|
|
|
|
To="1"
|
|
|
|
|
Duration="0"/>
|
|
|
|
|
</Storyboard>
|
|
|
|
|
</VisualState>
|
|
|
|
|
<VisualState x:Name="Unfocused" />
|
|
|
|
|
<VisualState x:Name="PointerFocused" />
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateManager.VisualStateGroups>
|
|
|
|
|
</Grid>
|
|
|
|
|
</ControlTemplate>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- Item templates -->
|
|
|
|
|
|
|
|
|
|
<!-- Grid-appropriate 250 pixel square item template as seen in the GroupedItemsPage and ItemsPage -->
|
|
|
|
|
<DataTemplate x:Key="Standard250x250ItemTemplate">
|
|
|
|
|
<Grid HorizontalAlignment="Left" Width="250" Height="250">
|
|
|
|
|
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}">
|
|
|
|
|
<Image Source="{Binding Image}" Stretch="UniformToFill"/>
|
|
|
|
|
</Border>
|
|
|
|
|
<StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}">
|
|
|
|
|
<TextBlock Text="{Binding Title}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Height="60" Margin="15,0,15,0"/>
|
|
|
|
|
<TextBlock Text="{Binding Subtitle}" Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!-- Grid-appropriate 500 by 130 pixel item template as seen in the GroupDetailPage -->
|
|
|
|
|
<DataTemplate x:Key="Standard500x130ItemTemplate">
|
|
|
|
|
<Grid Height="110" Width="480" Margin="10">
|
|
|
|
|
<Grid.ColumnDefinitions>
|
|
|
|
|
<ColumnDefinition Width="Auto"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="110" Height="110">
|
|
|
|
|
<Image Source="{Binding Image}" Stretch="UniformToFill"/>
|
|
|
|
|
</Border>
|
|
|
|
|
<StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="10,0,0,0">
|
|
|
|
|
<TextBlock Text="{Binding Title}" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
<TextBlock Text="{Binding Subtitle}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
<TextBlock Text="{Binding Description}" Style="{StaticResource BodyTextStyle}" MaxHeight="60"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!-- List-appropriate 130 pixel high item template as seen in the SplitPage -->
|
|
|
|
|
<DataTemplate x:Key="Standard130ItemTemplate">
|
|
|
|
|
<Grid Height="110" Margin="6">
|
|
|
|
|
<Grid.ColumnDefinitions>
|
|
|
|
|
<ColumnDefinition Width="Auto"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="110" Height="110">
|
|
|
|
|
<Image Source="{Binding Image}" Stretch="UniformToFill"/>
|
|
|
|
|
</Border>
|
|
|
|
|
<StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="10,0,0,0">
|
|
|
|
|
<TextBlock Text="{Binding Title}" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
<TextBlock Text="{Binding Subtitle}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
<TextBlock Text="{Binding Description}" Style="{StaticResource BodyTextStyle}" MaxHeight="60"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
List-appropriate 80 pixel high item template as seen in the SplitPage when Filled, and
|
|
|
|
|
the following pages when snapped: GroupedItemsPage, GroupDetailPage, and ItemsPage
|
|
|
|
|
-->
|
|
|
|
|
<DataTemplate x:Key="Standard80ItemTemplate">
|
|
|
|
|
<Grid Margin="6">
|
|
|
|
|
<Grid.ColumnDefinitions>
|
|
|
|
|
<ColumnDefinition Width="Auto"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="60" Height="60">
|
|
|
|
|
<Image Source="{Binding Image}" Stretch="UniformToFill"/>
|
|
|
|
|
</Border>
|
|
|
|
|
<StackPanel Grid.Column="1" Margin="10,0,0,0">
|
|
|
|
|
<TextBlock Text="{Binding Title}" Style="{StaticResource ItemTextStyle}" MaxHeight="40"/>
|
|
|
|
|
<TextBlock Text="{Binding Subtitle}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!-- Grid-appropriate 300 by 70 pixel item template as seen in the SearchResultsPage -->
|
|
|
|
|
<DataTemplate x:Key="StandardSmallIcon300x70ItemTemplate">
|
|
|
|
|
<Grid Width="300">
|
|
|
|
|
<Grid.ColumnDefinitions>
|
|
|
|
|
<ColumnDefinition Width="Auto"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="10,10,0,20" Width="40" Height="40">
|
|
|
|
|
<Image Source="{Binding Image}" Stretch="UniformToFill"/>
|
|
|
|
|
</Border>
|
|
|
|
|
<StackPanel Grid.Column="1" Margin="10,0,10,10">
|
|
|
|
|
<TextBlock Text="{Binding Title}" Style="{StaticResource BodyTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
<TextBlock Text="{Binding Subtitle}" Style="{StaticResource BodyTextStyle}" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" Height="40"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!-- List-appropriate 70 pixel high item template as seen in the SearchResultsPage when Snapped -->
|
|
|
|
|
<DataTemplate x:Key="StandardSmallIcon70ItemTemplate">
|
|
|
|
|
<Grid Margin="6">
|
|
|
|
|
<Grid.ColumnDefinitions>
|
|
|
|
|
<ColumnDefinition Width="Auto"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="0,0,0,10" Width="40" Height="40">
|
|
|
|
|
<Image Source="{Binding Image}" Stretch="UniformToFill"/>
|
|
|
|
|
</Border>
|
|
|
|
|
<StackPanel Grid.Column="1" Margin="10,-10,0,0">
|
|
|
|
|
<TextBlock Text="{Binding Title}" Style="{StaticResource BodyTextStyle}" TextWrapping="NoWrap"/>
|
|
|
|
|
<TextBlock Text="{Binding Subtitle}" Style="{StaticResource BodyTextStyle}" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" Height="40"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
190x130 pixel item template for displaying file previews as seen in the FileOpenPickerPage
|
|
|
|
|
Includes an elaborate tooltip to display title and description text
|
|
|
|
|
-->
|
|
|
|
|
<DataTemplate x:Key="StandardFileWithTooltip190x130ItemTemplate">
|
|
|
|
|
<Grid>
|
|
|
|
|
<Grid Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}">
|
|
|
|
|
<Image
|
|
|
|
|
Source="{Binding Image}"
|
|
|
|
|
Width="190"
|
|
|
|
|
Height="130"
|
|
|
|
|
HorizontalAlignment="Center"
|
|
|
|
|
VerticalAlignment="Center"
|
|
|
|
|
Stretch="Uniform"/>
|
|
|
|
|
</Grid>
|
|
|
|
|
<ToolTipService.Placement>Mouse</ToolTipService.Placement>
|
|
|
|
|
<ToolTipService.ToolTip>
|
|
|
|
|
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
|
|
|
|
|
<Grid.ColumnDefinitions>
|
|
|
|
|
<ColumnDefinition Width="Auto"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
|
|
|
|
|
<Grid Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="20">
|
|
|
|
|
<Image
|
|
|
|
|
Source="{Binding Image}"
|
|
|
|
|
Width="160"
|
|
|
|
|
Height="160"
|
|
|
|
|
HorizontalAlignment="Center"
|
|
|
|
|
VerticalAlignment="Center"
|
|
|
|
|
Stretch="Uniform"/>
|
|
|
|
|
</Grid>
|
|
|
|
|
<StackPanel Width="200" Grid.Column="1" Margin="0,20,20,20">
|
|
|
|
|
<TextBlock Text="{Binding Title}" TextWrapping="NoWrap" Style="{StaticResource BodyTextStyle}"/>
|
|
|
|
|
<TextBlock Text="{Binding Description}" MaxHeight="140" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" Style="{StaticResource BodyTextStyle}"/>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</Grid>
|
|
|
|
|
</ToolTipService.ToolTip>
|
|
|
|
|
</Grid>
|
|
|
|
|
</DataTemplate>
|
|
|
|
|
|
|
|
|
|
<!-- Default to 10-pixel spacing between grid items (after accounting for 4-pixel insets for focus) -->
|
|
|
|
|
|
|
|
|
|
<Style TargetType="GridViewItem">
|
|
|
|
|
<Setter Property="Margin" Value="0,0,2,2" />
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- ScrollViewer styles -->
|
|
|
|
|
|
|
|
|
|
<Style x:Key="HorizontalScrollViewerStyle" TargetType="ScrollViewer">
|
|
|
|
|
<Setter Property="HorizontalScrollBarVisibility" Value="Auto"/>
|
|
|
|
|
<Setter Property="VerticalScrollBarVisibility" Value="Disabled"/>
|
|
|
|
|
<Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled" />
|
|
|
|
|
<Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled" />
|
|
|
|
|
<Setter Property="ScrollViewer.ZoomMode" Value="Disabled" />
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="VerticalScrollViewerStyle" TargetType="ScrollViewer">
|
|
|
|
|
<Setter Property="HorizontalScrollBarVisibility" Value="Disabled"/>
|
|
|
|
|
<Setter Property="VerticalScrollBarVisibility" Value="Auto"/>
|
|
|
|
|
<Setter Property="ScrollViewer.HorizontalScrollMode" Value="Disabled" />
|
|
|
|
|
<Setter Property="ScrollViewer.VerticalScrollMode" Value="Enabled" />
|
|
|
|
|
<Setter Property="ScrollViewer.ZoomMode" Value="Disabled" />
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<!-- Page layout roots typically use entrance animations and a theme-appropriate background color -->
|
|
|
|
|
|
|
|
|
|
<Style x:Key="LayoutRootStyle" TargetType="Panel">
|
|
|
|
|
<Setter Property="Background" Value="{StaticResource ApplicationPageBackgroundThemeBrush}"/>
|
|
|
|
|
<Setter Property="ChildrenTransitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<TransitionCollection>
|
|
|
|
|
<EntranceThemeTransition/>
|
|
|
|
|
</TransitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
</ResourceDictionary>
|