mirror of https://github.com/opencv/opencv.git
Open Source Computer Vision Library
https://opencv.org/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
978 lines
57 KiB
978 lines
57 KiB
<!-- |
|
//********************************************************* |
|
// |
|
// 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>
|
|
|