wasCSharpSQLite – Blame information for rev 1
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
1 | office | 1 | <!-- |
2 | This file contains XAML styles that simplify application development. |
||
3 | |||
4 | These are not merely convenient, but are required by most Visual Studio project and item templates. |
||
5 | Removing, renaming, or otherwise modifying the content of these files may result in a project that |
||
6 | does not build, or that will not build once additional pages are added. If variations on these |
||
7 | styles are desired it is recommended that you copy the content under a new name and modify your |
||
8 | private copy. |
||
9 | --> |
||
10 | |||
11 | <ResourceDictionary |
||
12 | xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
||
13 | xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
||
14 | |||
15 | <!-- Non-brush values that vary across themes --> |
||
16 | |||
17 | <ResourceDictionary.ThemeDictionaries> |
||
18 | <ResourceDictionary x:Key="Default"> |
||
19 | <x:String x:Key="BackButtonGlyph"></x:String> |
||
20 | <x:String x:Key="BackButtonSnappedGlyph"></x:String> |
||
21 | </ResourceDictionary> |
||
22 | |||
23 | <ResourceDictionary x:Key="HighContrast"> |
||
24 | <x:String x:Key="BackButtonGlyph"></x:String> |
||
25 | <x:String x:Key="BackButtonSnappedGlyph"></x:String> |
||
26 | </ResourceDictionary> |
||
27 | </ResourceDictionary.ThemeDictionaries> |
||
28 | |||
29 | <!-- RichTextBlock styles --> |
||
30 | |||
31 | <Style x:Key="BasicRichTextStyle" TargetType="RichTextBlock"> |
||
32 | <Setter Property="Foreground" Value="{StaticResource ApplicationForegroundThemeBrush}"/> |
||
33 | <Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/> |
||
34 | <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/> |
||
35 | <Setter Property="TextTrimming" Value="WordEllipsis"/> |
||
36 | <Setter Property="TextWrapping" Value="Wrap"/> |
||
37 | <Setter Property="Typography.StylisticSet20" Value="True"/> |
||
38 | <Setter Property="Typography.DiscretionaryLigatures" Value="True"/> |
||
39 | <Setter Property="Typography.CaseSensitiveForms" Value="True"/> |
||
40 | </Style> |
||
41 | |||
42 | <Style x:Key="BaselineRichTextStyle" TargetType="RichTextBlock" BasedOn="{StaticResource BasicRichTextStyle}"> |
||
43 | <Setter Property="LineHeight" Value="20"/> |
||
44 | <Setter Property="LineStackingStrategy" Value="BlockLineHeight"/> |
||
45 | <!-- Properly align text along its baseline --> |
||
46 | <Setter Property="RenderTransform"> |
||
47 | <Setter.Value> |
||
48 | <TranslateTransform X="-1" Y="4"/> |
||
49 | </Setter.Value> |
||
50 | </Setter> |
||
51 | </Style> |
||
52 | |||
53 | <Style x:Key="ItemRichTextStyle" TargetType="RichTextBlock" BasedOn="{StaticResource BaselineRichTextStyle}"/> |
||
54 | |||
55 | <Style x:Key="BodyRichTextStyle" TargetType="RichTextBlock" BasedOn="{StaticResource BaselineRichTextStyle}"> |
||
56 | <Setter Property="FontWeight" Value="SemiLight"/> |
||
57 | </Style> |
||
58 | |||
59 | <!-- TextBlock styles --> |
||
60 | |||
61 | <Style x:Key="BasicTextStyle" TargetType="TextBlock"> |
||
62 | <Setter Property="Foreground" Value="{StaticResource ApplicationForegroundThemeBrush}"/> |
||
63 | <Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/> |
||
64 | <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/> |
||
65 | <Setter Property="TextTrimming" Value="WordEllipsis"/> |
||
66 | <Setter Property="TextWrapping" Value="Wrap"/> |
||
67 | <Setter Property="Typography.StylisticSet20" Value="True"/> |
||
68 | <Setter Property="Typography.DiscretionaryLigatures" Value="True"/> |
||
69 | <Setter Property="Typography.CaseSensitiveForms" Value="True"/> |
||
70 | </Style> |
||
71 | |||
72 | <Style x:Key="BaselineTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BasicTextStyle}"> |
||
73 | <Setter Property="LineHeight" Value="20"/> |
||
74 | <Setter Property="LineStackingStrategy" Value="BlockLineHeight"/> |
||
75 | <!-- Properly align text along its baseline --> |
||
76 | <Setter Property="RenderTransform"> |
||
77 | <Setter.Value> |
||
78 | <TranslateTransform X="-1" Y="4"/> |
||
79 | </Setter.Value> |
||
80 | </Setter> |
||
81 | </Style> |
||
82 | |||
83 | <Style x:Key="HeaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"> |
||
84 | <Setter Property="FontSize" Value="56"/> |
||
85 | <Setter Property="FontWeight" Value="Light"/> |
||
86 | <Setter Property="LineHeight" Value="40"/> |
||
87 | <Setter Property="RenderTransform"> |
||
88 | <Setter.Value> |
||
89 | <TranslateTransform X="-2" Y="8"/> |
||
90 | </Setter.Value> |
||
91 | </Setter> |
||
92 | </Style> |
||
93 | |||
94 | <Style x:Key="SubheaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"> |
||
95 | <Setter Property="FontSize" Value="26.667"/> |
||
96 | <Setter Property="FontWeight" Value="Light"/> |
||
97 | <Setter Property="LineHeight" Value="30"/> |
||
98 | <Setter Property="RenderTransform"> |
||
99 | <Setter.Value> |
||
100 | <TranslateTransform X="-1" Y="6"/> |
||
101 | </Setter.Value> |
||
102 | </Setter> |
||
103 | </Style> |
||
104 | |||
105 | <Style x:Key="TitleTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"> |
||
106 | <Setter Property="FontWeight" Value="SemiBold"/> |
||
107 | </Style> |
||
108 | |||
109 | <Style x:Key="ItemTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"/> |
||
110 | |||
111 | <Style x:Key="BodyTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"> |
||
112 | <Setter Property="FontWeight" Value="SemiLight"/> |
||
113 | </Style> |
||
114 | |||
115 | <Style x:Key="CaptionTextStyle" TargetType="TextBlock" BasedOn="{StaticResource BaselineTextStyle}"> |
||
116 | <Setter Property="FontSize" Value="12"/> |
||
117 | <Setter Property="Foreground" Value="{StaticResource ApplicationSecondaryForegroundThemeBrush}"/> |
||
118 | </Style> |
||
119 | |||
120 | <!-- Button styles --> |
||
121 | |||
122 | <!-- |
||
123 | TextButtonStyle is used to style a Button using subheader-styled text with no other adornment. This |
||
124 | style is used in the GroupedItemsPage as a group header and in the FileOpenPickerPage for triggering |
||
125 | commands. |
||
126 | --> |
||
127 | <Style x:Key="TextButtonStyle" TargetType="Button"> |
||
128 | <Setter Property="MinWidth" Value="0"/> |
||
129 | <Setter Property="MinHeight" Value="0"/> |
||
130 | <Setter Property="Template"> |
||
131 | <Setter.Value> |
||
132 | <ControlTemplate TargetType="Button"> |
||
133 | <Grid Background="Transparent"> |
||
134 | <TextBlock |
||
135 | x:Name="Text" |
||
136 | Text="{TemplateBinding Content}" |
||
137 | Margin="3,-7,3,10" |
||
138 | TextWrapping="NoWrap" |
||
139 | Style="{StaticResource SubheaderTextStyle}"/> |
||
140 | <Rectangle |
||
141 | x:Name="FocusVisualWhite" |
||
142 | IsHitTestVisible="False" |
||
143 | Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}" |
||
144 | StrokeEndLineCap="Square" |
||
145 | StrokeDashArray="1,1" |
||
146 | Opacity="0" |
||
147 | StrokeDashOffset="1.5"/> |
||
148 | <Rectangle |
||
149 | x:Name="FocusVisualBlack" |
||
150 | IsHitTestVisible="False" |
||
151 | Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}" |
||
152 | StrokeEndLineCap="Square" |
||
153 | StrokeDashArray="1,1" |
||
154 | Opacity="0" |
||
155 | StrokeDashOffset="0.5"/> |
||
156 | |||
157 | <VisualStateManager.VisualStateGroups> |
||
158 | <VisualStateGroup x:Name="CommonStates"> |
||
159 | <VisualState x:Name="Normal"/> |
||
160 | <VisualState x:Name="PointerOver"> |
||
161 | <Storyboard> |
||
162 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
163 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPointerOverForegroundThemeBrush}"/> |
||
164 | </ObjectAnimationUsingKeyFrames> |
||
165 | </Storyboard> |
||
166 | </VisualState> |
||
167 | <VisualState x:Name="Pressed"> |
||
168 | <Storyboard> |
||
169 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
170 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPressedForegroundThemeBrush}"/> |
||
171 | </ObjectAnimationUsingKeyFrames> |
||
172 | </Storyboard> |
||
173 | </VisualState> |
||
174 | <VisualState x:Name="Disabled"> |
||
175 | <Storyboard> |
||
176 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
177 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> |
||
178 | </ObjectAnimationUsingKeyFrames> |
||
179 | </Storyboard> |
||
180 | </VisualState> |
||
181 | </VisualStateGroup> |
||
182 | <VisualStateGroup x:Name="FocusStates"> |
||
183 | <VisualState x:Name="Focused"> |
||
184 | <Storyboard> |
||
185 | <DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity"/> |
||
186 | <DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity"/> |
||
187 | </Storyboard> |
||
188 | </VisualState> |
||
189 | <VisualState x:Name="Unfocused"/> |
||
190 | </VisualStateGroup> |
||
191 | </VisualStateManager.VisualStateGroups> |
||
192 | </Grid> |
||
193 | </ControlTemplate> |
||
194 | </Setter.Value> |
||
195 | </Setter> |
||
196 | </Style> |
||
197 | |||
198 | <!-- |
||
199 | TextRadioButtonStyle is used to style a RadioButton using subheader-styled text with no other adornment. |
||
200 | This style is used in the SearchResultsPage to allow selection among filters. |
||
201 | --> |
||
202 | <Style x:Key="TextRadioButtonStyle" TargetType="RadioButton"> |
||
203 | <Setter Property="MinWidth" Value="0"/> |
||
204 | <Setter Property="MinHeight" Value="0"/> |
||
205 | <Setter Property="Margin" Value="0,0,30,0"/> |
||
206 | <Setter Property="Template"> |
||
207 | <Setter.Value> |
||
208 | <ControlTemplate TargetType="RadioButton"> |
||
209 | <Grid Background="Transparent"> |
||
210 | <TextBlock |
||
211 | x:Name="Text" |
||
212 | Text="{TemplateBinding Content}" |
||
213 | Margin="3,-7,3,10" |
||
214 | TextWrapping="NoWrap" |
||
215 | Style="{StaticResource SubheaderTextStyle}"/> |
||
216 | <Rectangle |
||
217 | x:Name="FocusVisualWhite" |
||
218 | IsHitTestVisible="False" |
||
219 | Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}" |
||
220 | StrokeEndLineCap="Square" |
||
221 | StrokeDashArray="1,1" |
||
222 | Opacity="0" |
||
223 | StrokeDashOffset="1.5"/> |
||
224 | <Rectangle |
||
225 | x:Name="FocusVisualBlack" |
||
226 | IsHitTestVisible="False" |
||
227 | Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}" |
||
228 | StrokeEndLineCap="Square" |
||
229 | StrokeDashArray="1,1" |
||
230 | Opacity="0" |
||
231 | StrokeDashOffset="0.5"/> |
||
232 | |||
233 | <VisualStateManager.VisualStateGroups> |
||
234 | <VisualStateGroup x:Name="CommonStates"> |
||
235 | <VisualState x:Name="Normal"/> |
||
236 | <VisualState x:Name="PointerOver"> |
||
237 | <Storyboard> |
||
238 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
239 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPointerOverForegroundThemeBrush}"/> |
||
240 | </ObjectAnimationUsingKeyFrames> |
||
241 | </Storyboard> |
||
242 | </VisualState> |
||
243 | <VisualState x:Name="Pressed"> |
||
244 | <Storyboard> |
||
245 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
246 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationPressedForegroundThemeBrush}"/> |
||
247 | </ObjectAnimationUsingKeyFrames> |
||
248 | </Storyboard> |
||
249 | </VisualState> |
||
250 | <VisualState x:Name="Disabled"> |
||
251 | <Storyboard> |
||
252 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
253 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> |
||
254 | </ObjectAnimationUsingKeyFrames> |
||
255 | </Storyboard> |
||
256 | </VisualState> |
||
257 | </VisualStateGroup> |
||
258 | <VisualStateGroup x:Name="FocusStates"> |
||
259 | <VisualState x:Name="Focused"> |
||
260 | <Storyboard> |
||
261 | <DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity"/> |
||
262 | <DoubleAnimation Duration="0" To="1" Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity"/> |
||
263 | </Storyboard> |
||
264 | </VisualState> |
||
265 | <VisualState x:Name="Unfocused"/> |
||
266 | </VisualStateGroup> |
||
267 | <VisualStateGroup x:Name="CheckStates"> |
||
268 | <VisualState x:Name="Checked"/> |
||
269 | <VisualState x:Name="Unchecked"> |
||
270 | <Storyboard> |
||
271 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Text" Storyboard.TargetProperty="Foreground"> |
||
272 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ApplicationSecondaryForegroundThemeBrush}"/> |
||
273 | </ObjectAnimationUsingKeyFrames> |
||
274 | </Storyboard> |
||
275 | </VisualState> |
||
276 | <VisualState x:Name="Indeterminate"/> |
||
277 | </VisualStateGroup> |
||
278 | </VisualStateManager.VisualStateGroups> |
||
279 | </Grid> |
||
280 | </ControlTemplate> |
||
281 | </Setter.Value> |
||
282 | </Setter> |
||
283 | </Style> |
||
284 | |||
285 | <!-- |
||
286 | AppBarButtonStyle is used to style a Button for use in an App Bar. Content will be centered and should fit within |
||
287 | the 40-pixel radius glyph provided. 16-point Segoe UI Symbol is used for content text to simplify the use of glyphs |
||
288 | from that font. AutomationProperties.Name is used for the text below the glyph. |
||
289 | --> |
||
290 | <Style x:Key="AppBarButtonStyle" TargetType="Button"> |
||
291 | <Setter Property="Foreground" Value="{StaticResource AppBarItemForegroundThemeBrush}"/> |
||
292 | <Setter Property="VerticalAlignment" Value="Stretch"/> |
||
293 | <Setter Property="FontFamily" Value="Segoe UI Symbol"/> |
||
294 | <Setter Property="FontWeight" Value="Normal"/> |
||
295 | <Setter Property="FontSize" Value="20"/> |
||
296 | <Setter Property="AutomationProperties.ItemType" Value="App Bar Button"/> |
||
297 | <Setter Property="Template"> |
||
298 | <Setter.Value> |
||
299 | <ControlTemplate TargetType="Button"> |
||
300 | <Grid x:Name="RootGrid" Width="100" Background="Transparent"> |
||
301 | <StackPanel VerticalAlignment="Top" Margin="0,12,0,11"> |
||
302 | <Grid Width="40" Height="40" Margin="0,0,0,5" HorizontalAlignment="Center"> |
||
303 | <TextBlock x:Name="BackgroundGlyph" Text="" FontFamily="Segoe UI Symbol" FontSize="53.333" Margin="-4,-19,0,0" Foreground="{StaticResource AppBarItemBackgroundThemeBrush}"/> |
||
304 | <TextBlock x:Name="OutlineGlyph" Text="" FontFamily="Segoe UI Symbol" FontSize="53.333" Margin="-4,-19,0,0"/> |
||
305 | <ContentPresenter x:Name="Content" HorizontalAlignment="Center" Margin="-1,-1,0,0" VerticalAlignment="Center"/> |
||
306 | </Grid> |
||
307 | <TextBlock |
||
308 | x:Name="TextLabel" |
||
309 | Text="{TemplateBinding AutomationProperties.Name}" |
||
310 | Foreground="{StaticResource AppBarItemForegroundThemeBrush}" |
||
311 | Margin="0,0,2,0" |
||
312 | FontSize="12" |
||
313 | TextAlignment="Center" |
||
314 | Width="88" |
||
315 | MaxHeight="32" |
||
316 | TextTrimming="WordEllipsis" |
||
317 | Style="{StaticResource BasicTextStyle}"/> |
||
318 | </StackPanel> |
||
319 | <Rectangle |
||
320 | x:Name="FocusVisualWhite" |
||
321 | IsHitTestVisible="False" |
||
322 | Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}" |
||
323 | StrokeEndLineCap="Square" |
||
324 | StrokeDashArray="1,1" |
||
325 | Opacity="0" |
||
326 | StrokeDashOffset="1.5"/> |
||
327 | <Rectangle |
||
328 | x:Name="FocusVisualBlack" |
||
329 | IsHitTestVisible="False" |
||
330 | Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}" |
||
331 | StrokeEndLineCap="Square" |
||
332 | StrokeDashArray="1,1" |
||
333 | Opacity="0" |
||
334 | StrokeDashOffset="0.5"/> |
||
335 | |||
336 | <VisualStateManager.VisualStateGroups> |
||
337 | <VisualStateGroup x:Name="ApplicationViewStates"> |
||
338 | <VisualState x:Name="FullScreenLandscape"/> |
||
339 | <VisualState x:Name="Filled"/> |
||
340 | <VisualState x:Name="FullScreenPortrait"> |
||
341 | <Storyboard> |
||
342 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextLabel" Storyboard.TargetProperty="Visibility"> |
||
343 | <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/> |
||
344 | </ObjectAnimationUsingKeyFrames> |
||
345 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid" Storyboard.TargetProperty="Width"> |
||
346 | <DiscreteObjectKeyFrame KeyTime="0" Value="60"/> |
||
347 | </ObjectAnimationUsingKeyFrames> |
||
348 | </Storyboard> |
||
349 | </VisualState> |
||
350 | <VisualState x:Name="Snapped"> |
||
351 | <Storyboard> |
||
352 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextLabel" Storyboard.TargetProperty="Visibility"> |
||
353 | <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/> |
||
354 | </ObjectAnimationUsingKeyFrames> |
||
355 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid" Storyboard.TargetProperty="Width"> |
||
356 | <DiscreteObjectKeyFrame KeyTime="0" Value="60"/> |
||
357 | </ObjectAnimationUsingKeyFrames> |
||
358 | </Storyboard> |
||
359 | </VisualState> |
||
360 | </VisualStateGroup> |
||
361 | <VisualStateGroup x:Name="CommonStates"> |
||
362 | <VisualState x:Name="Normal"/> |
||
363 | <VisualState x:Name="PointerOver"> |
||
364 | <Storyboard> |
||
365 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground"> |
||
366 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemPointerOverBackgroundThemeBrush}"/> |
||
367 | </ObjectAnimationUsingKeyFrames> |
||
368 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground"> |
||
369 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemPointerOverForegroundThemeBrush}"/> |
||
370 | </ObjectAnimationUsingKeyFrames> |
||
371 | </Storyboard> |
||
372 | </VisualState> |
||
373 | <VisualState x:Name="Pressed"> |
||
374 | <Storyboard> |
||
375 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OutlineGlyph" Storyboard.TargetProperty="Foreground"> |
||
376 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemForegroundThemeBrush}"/> |
||
377 | </ObjectAnimationUsingKeyFrames> |
||
378 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground"> |
||
379 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemForegroundThemeBrush}"/> |
||
380 | </ObjectAnimationUsingKeyFrames> |
||
381 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground"> |
||
382 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemPressedForegroundThemeBrush}"/> |
||
383 | </ObjectAnimationUsingKeyFrames> |
||
384 | </Storyboard> |
||
385 | </VisualState> |
||
386 | <VisualState x:Name="Disabled"> |
||
387 | <Storyboard> |
||
388 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OutlineGlyph" Storyboard.TargetProperty="Foreground"> |
||
389 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemDisabledForegroundThemeBrush}"/> |
||
390 | </ObjectAnimationUsingKeyFrames> |
||
391 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Foreground"> |
||
392 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemDisabledForegroundThemeBrush}"/> |
||
393 | </ObjectAnimationUsingKeyFrames> |
||
394 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextLabel" Storyboard.TargetProperty="Foreground"> |
||
395 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AppBarItemDisabledForegroundThemeBrush}"/> |
||
396 | </ObjectAnimationUsingKeyFrames> |
||
397 | </Storyboard> |
||
398 | </VisualState> |
||
399 | </VisualStateGroup> |
||
400 | <VisualStateGroup x:Name="FocusStates"> |
||
401 | <VisualState x:Name="Focused"> |
||
402 | <Storyboard> |
||
403 | <DoubleAnimation |
||
404 | Storyboard.TargetName="FocusVisualWhite" |
||
405 | Storyboard.TargetProperty="Opacity" |
||
406 | To="1" |
||
407 | Duration="0"/> |
||
408 | <DoubleAnimation |
||
409 | Storyboard.TargetName="FocusVisualBlack" |
||
410 | Storyboard.TargetProperty="Opacity" |
||
411 | To="1" |
||
412 | Duration="0"/> |
||
413 | </Storyboard> |
||
414 | </VisualState> |
||
415 | <VisualState x:Name="Unfocused" /> |
||
416 | <VisualState x:Name="PointerFocused" /> |
||
417 | </VisualStateGroup> |
||
418 | </VisualStateManager.VisualStateGroups> |
||
419 | </Grid> |
||
420 | </ControlTemplate> |
||
421 | </Setter.Value> |
||
422 | </Setter> |
||
423 | </Style> |
||
424 | |||
425 | <!-- Standard App Bar buttons --> |
||
426 | |||
427 | <Style x:Key="SkipBackAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
428 | <Setter Property="AutomationProperties.AutomationId" Value="SkipBackAppBarButton"/> |
||
429 | <Setter Property="AutomationProperties.Name" Value="Skip Back"/> |
||
430 | <Setter Property="Content" Value=""/> |
||
431 | </Style> |
||
432 | <Style x:Key="SkipAheadAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
433 | <Setter Property="AutomationProperties.AutomationId" Value="SkipAheadAppBarButton"/> |
||
434 | <Setter Property="AutomationProperties.Name" Value="Skip Ahead"/> |
||
435 | <Setter Property="Content" Value=""/> |
||
436 | </Style> |
||
437 | <Style x:Key="PlayAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
438 | <Setter Property="AutomationProperties.AutomationId" Value="PlayAppBarButton"/> |
||
439 | <Setter Property="AutomationProperties.Name" Value="Play"/> |
||
440 | <Setter Property="Content" Value=""/> |
||
441 | </Style> |
||
442 | <Style x:Key="PauseAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
443 | <Setter Property="AutomationProperties.AutomationId" Value="PauseAppBarButton"/> |
||
444 | <Setter Property="AutomationProperties.Name" Value="Pause"/> |
||
445 | <Setter Property="Content" Value=""/> |
||
446 | </Style> |
||
447 | <Style x:Key="EditAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
448 | <Setter Property="AutomationProperties.AutomationId" Value="EditAppBarButton"/> |
||
449 | <Setter Property="AutomationProperties.Name" Value="Edit"/> |
||
450 | <Setter Property="Content" Value=""/> |
||
451 | </Style> |
||
452 | <Style x:Key="SaveAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
453 | <Setter Property="AutomationProperties.AutomationId" Value="SaveAppBarButton"/> |
||
454 | <Setter Property="AutomationProperties.Name" Value="Save"/> |
||
455 | <Setter Property="Content" Value=""/> |
||
456 | </Style> |
||
457 | <Style x:Key="DeleteAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
458 | <Setter Property="AutomationProperties.AutomationId" Value="DeleteAppBarButton"/> |
||
459 | <Setter Property="AutomationProperties.Name" Value="Delete"/> |
||
460 | <Setter Property="Content" Value=""/> |
||
461 | </Style> |
||
462 | <Style x:Key="DiscardAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
463 | <Setter Property="AutomationProperties.AutomationId" Value="DiscardAppBarButton"/> |
||
464 | <Setter Property="AutomationProperties.Name" Value="Discard"/> |
||
465 | <Setter Property="Content" Value=""/> |
||
466 | </Style> |
||
467 | <Style x:Key="RemoveAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
468 | <Setter Property="AutomationProperties.AutomationId" Value="RemoveAppBarButton"/> |
||
469 | <Setter Property="AutomationProperties.Name" Value="Remove"/> |
||
470 | <Setter Property="Content" Value=""/> |
||
471 | </Style> |
||
472 | <Style x:Key="AddAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
473 | <Setter Property="AutomationProperties.AutomationId" Value="AddAppBarButton"/> |
||
474 | <Setter Property="AutomationProperties.Name" Value="Add"/> |
||
475 | <Setter Property="Content" Value=""/> |
||
476 | </Style> |
||
477 | <Style x:Key="NoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
478 | <Setter Property="AutomationProperties.AutomationId" Value="NoAppBarButton"/> |
||
479 | <Setter Property="AutomationProperties.Name" Value="No"/> |
||
480 | <Setter Property="Content" Value=""/> |
||
481 | </Style> |
||
482 | <Style x:Key="YesAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
483 | <Setter Property="AutomationProperties.AutomationId" Value="YesAppBarButton"/> |
||
484 | <Setter Property="AutomationProperties.Name" Value="Yes"/> |
||
485 | <Setter Property="Content" Value=""/> |
||
486 | </Style> |
||
487 | <Style x:Key="MoreAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
488 | <Setter Property="AutomationProperties.AutomationId" Value="MoreAppBarButton"/> |
||
489 | <Setter Property="AutomationProperties.Name" Value="More"/> |
||
490 | <Setter Property="Content" Value=""/> |
||
491 | </Style> |
||
492 | <Style x:Key="RedoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
493 | <Setter Property="AutomationProperties.AutomationId" Value="RedoAppBarButton"/> |
||
494 | <Setter Property="AutomationProperties.Name" Value="Redo"/> |
||
495 | <Setter Property="Content" Value=""/> |
||
496 | </Style> |
||
497 | <Style x:Key="UndoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
498 | <Setter Property="AutomationProperties.AutomationId" Value="UndoAppBarButton"/> |
||
499 | <Setter Property="AutomationProperties.Name" Value="Undo"/> |
||
500 | <Setter Property="Content" Value=""/> |
||
501 | </Style> |
||
502 | <Style x:Key="HomeAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
503 | <Setter Property="AutomationProperties.AutomationId" Value="HomeAppBarButton"/> |
||
504 | <Setter Property="AutomationProperties.Name" Value="Home"/> |
||
505 | <Setter Property="Content" Value=""/> |
||
506 | </Style> |
||
507 | <Style x:Key="OutAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
508 | <Setter Property="AutomationProperties.AutomationId" Value="OutAppBarButton"/> |
||
509 | <Setter Property="AutomationProperties.Name" Value="Out"/> |
||
510 | <Setter Property="Content" Value=""/> |
||
511 | </Style> |
||
512 | <Style x:Key="NextAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
513 | <Setter Property="AutomationProperties.AutomationId" Value="NextAppBarButton"/> |
||
514 | <Setter Property="AutomationProperties.Name" Value="Next"/> |
||
515 | <Setter Property="Content" Value=""/> |
||
516 | </Style> |
||
517 | <Style x:Key="PreviousAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
518 | <Setter Property="AutomationProperties.AutomationId" Value="PreviousAppBarButton"/> |
||
519 | <Setter Property="AutomationProperties.Name" Value="Previous"/> |
||
520 | <Setter Property="Content" Value=""/> |
||
521 | </Style> |
||
522 | <Style x:Key="FavoriteAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
523 | <Setter Property="AutomationProperties.AutomationId" Value="FavoriteAppBarButton"/> |
||
524 | <Setter Property="AutomationProperties.Name" Value="Favorite"/> |
||
525 | <Setter Property="Content" Value=""/> |
||
526 | </Style> |
||
527 | <Style x:Key="PhotoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
528 | <Setter Property="AutomationProperties.AutomationId" Value="PhotoAppBarButton"/> |
||
529 | <Setter Property="AutomationProperties.Name" Value="Photo"/> |
||
530 | <Setter Property="Content" Value=""/> |
||
531 | </Style> |
||
532 | <Style x:Key="SettingsAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
533 | <Setter Property="AutomationProperties.AutomationId" Value="SettingsAppBarButton"/> |
||
534 | <Setter Property="AutomationProperties.Name" Value="Settings"/> |
||
535 | <Setter Property="Content" Value=""/> |
||
536 | </Style> |
||
537 | <Style x:Key="VideoAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
538 | <Setter Property="AutomationProperties.AutomationId" Value="VideoAppBarButton"/> |
||
539 | <Setter Property="AutomationProperties.Name" Value="Video"/> |
||
540 | <Setter Property="Content" Value=""/> |
||
541 | </Style> |
||
542 | <Style x:Key="RefreshAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
543 | <Setter Property="AutomationProperties.AutomationId" Value="RefreshAppBarButton"/> |
||
544 | <Setter Property="AutomationProperties.Name" Value="Refresh"/> |
||
545 | <Setter Property="Content" Value=""/> |
||
546 | </Style> |
||
547 | <Style x:Key="DownloadAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
548 | <Setter Property="AutomationProperties.AutomationId" Value="DownloadAppBarButton"/> |
||
549 | <Setter Property="AutomationProperties.Name" Value="Download"/> |
||
550 | <Setter Property="Content" Value=""/> |
||
551 | </Style> |
||
552 | <Style x:Key="MailAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
553 | <Setter Property="AutomationProperties.AutomationId" Value="MailAppBarButton"/> |
||
554 | <Setter Property="AutomationProperties.Name" Value="Mail"/> |
||
555 | <Setter Property="Content" Value=""/> |
||
556 | </Style> |
||
557 | <Style x:Key="SearchAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
558 | <Setter Property="AutomationProperties.AutomationId" Value="SearchAppBarButton"/> |
||
559 | <Setter Property="AutomationProperties.Name" Value="Search"/> |
||
560 | <Setter Property="Content" Value=""/> |
||
561 | </Style> |
||
562 | <Style x:Key="HelpAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
563 | <Setter Property="AutomationProperties.AutomationId" Value="HelpAppBarButton"/> |
||
564 | <Setter Property="AutomationProperties.Name" Value="Help"/> |
||
565 | <Setter Property="Content" Value=""/> |
||
566 | </Style> |
||
567 | <Style x:Key="UploadAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
568 | <Setter Property="AutomationProperties.AutomationId" Value="UploadAppBarButton"/> |
||
569 | <Setter Property="AutomationProperties.Name" Value="Upload"/> |
||
570 | <Setter Property="Content" Value=""/> |
||
571 | </Style> |
||
572 | <Style x:Key="PinAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
573 | <Setter Property="AutomationProperties.AutomationId" Value="PinAppBarButton"/> |
||
574 | <Setter Property="AutomationProperties.Name" Value="Pin"/> |
||
575 | <Setter Property="Content" Value=""/> |
||
576 | </Style> |
||
577 | <Style x:Key="UnpinAppBarButtonStyle" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}"> |
||
578 | <Setter Property="AutomationProperties.AutomationId" Value="UnpinAppBarButton"/> |
||
579 | <Setter Property="AutomationProperties.Name" Value="Unpin"/> |
||
580 | <Setter Property="Content" Value=""/> |
||
581 | </Style> |
||
582 | |||
583 | <!-- Title area styles --> |
||
584 | |||
585 | <Style x:Key="PageHeaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource HeaderTextStyle}"> |
||
586 | <Setter Property="TextWrapping" Value="NoWrap"/> |
||
587 | <Setter Property="VerticalAlignment" Value="Bottom"/> |
||
588 | <Setter Property="Margin" Value="0,0,30,40"/> |
||
589 | </Style> |
||
590 | |||
591 | <Style x:Key="PageSubheaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource SubheaderTextStyle}"> |
||
592 | <Setter Property="TextWrapping" Value="NoWrap"/> |
||
593 | <Setter Property="VerticalAlignment" Value="Bottom"/> |
||
594 | <Setter Property="Margin" Value="0,0,0,40"/> |
||
595 | </Style> |
||
596 | |||
597 | <Style x:Key="SnappedPageHeaderTextStyle" TargetType="TextBlock" BasedOn="{StaticResource PageSubheaderTextStyle}"> |
||
598 | <Setter Property="Margin" Value="0,0,18,40"/> |
||
599 | </Style> |
||
600 | |||
601 | <!-- |
||
602 | BackButtonStyle is used to style a Button for use in the title area of a page. Margins appropriate for |
||
603 | the conventional page layout are included as part of the style. |
||
604 | --> |
||
605 | <Style x:Key="BackButtonStyle" TargetType="Button"> |
||
606 | <Setter Property="MinWidth" Value="0"/> |
||
607 | <Setter Property="Width" Value="48"/> |
||
608 | <Setter Property="Height" Value="48"/> |
||
609 | <Setter Property="Margin" Value="36,0,36,36"/> |
||
610 | <Setter Property="VerticalAlignment" Value="Bottom"/> |
||
611 | <Setter Property="FontFamily" Value="Segoe UI Symbol"/> |
||
612 | <Setter Property="FontWeight" Value="Normal"/> |
||
613 | <Setter Property="FontSize" Value="56"/> |
||
614 | <Setter Property="AutomationProperties.AutomationId" Value="BackButton"/> |
||
615 | <Setter Property="AutomationProperties.Name" Value="Back"/> |
||
616 | <Setter Property="AutomationProperties.ItemType" Value="Navigation Button"/> |
||
617 | <Setter Property="Template"> |
||
618 | <Setter.Value> |
||
619 | <ControlTemplate TargetType="Button"> |
||
620 | <Grid x:Name="RootGrid"> |
||
621 | <Grid Margin="-1,-16,0,0"> |
||
622 | <TextBlock x:Name="BackgroundGlyph" Text="" Foreground="{StaticResource BackButtonBackgroundThemeBrush}"/> |
||
623 | <TextBlock x:Name="NormalGlyph" Text="{StaticResource BackButtonGlyph}" Foreground="{StaticResource BackButtonForegroundThemeBrush}"/> |
||
624 | <TextBlock x:Name="ArrowGlyph" Text="" Foreground="{StaticResource BackButtonPressedForegroundThemeBrush}" Opacity="0"/> |
||
625 | </Grid> |
||
626 | <Rectangle |
||
627 | x:Name="FocusVisualWhite" |
||
628 | IsHitTestVisible="False" |
||
629 | Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}" |
||
630 | StrokeEndLineCap="Square" |
||
631 | StrokeDashArray="1,1" |
||
632 | Opacity="0" |
||
633 | StrokeDashOffset="1.5"/> |
||
634 | <Rectangle |
||
635 | x:Name="FocusVisualBlack" |
||
636 | IsHitTestVisible="False" |
||
637 | Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}" |
||
638 | StrokeEndLineCap="Square" |
||
639 | StrokeDashArray="1,1" |
||
640 | Opacity="0" |
||
641 | StrokeDashOffset="0.5"/> |
||
642 | |||
643 | <VisualStateManager.VisualStateGroups> |
||
644 | <VisualStateGroup x:Name="CommonStates"> |
||
645 | <VisualState x:Name="Normal" /> |
||
646 | <VisualState x:Name="PointerOver"> |
||
647 | <Storyboard> |
||
648 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground"> |
||
649 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverBackgroundThemeBrush}"/> |
||
650 | </ObjectAnimationUsingKeyFrames> |
||
651 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NormalGlyph" Storyboard.TargetProperty="Foreground"> |
||
652 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverForegroundThemeBrush}"/> |
||
653 | </ObjectAnimationUsingKeyFrames> |
||
654 | </Storyboard> |
||
655 | </VisualState> |
||
656 | <VisualState x:Name="Pressed"> |
||
657 | <Storyboard> |
||
658 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground"> |
||
659 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonForegroundThemeBrush}"/> |
||
660 | </ObjectAnimationUsingKeyFrames> |
||
661 | <DoubleAnimation |
||
662 | Storyboard.TargetName="ArrowGlyph" |
||
663 | Storyboard.TargetProperty="Opacity" |
||
664 | To="1" |
||
665 | Duration="0"/> |
||
666 | <DoubleAnimation |
||
667 | Storyboard.TargetName="NormalGlyph" |
||
668 | Storyboard.TargetProperty="Opacity" |
||
669 | To="0" |
||
670 | Duration="0"/> |
||
671 | </Storyboard> |
||
672 | </VisualState> |
||
673 | <VisualState x:Name="Disabled"> |
||
674 | <Storyboard> |
||
675 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid" Storyboard.TargetProperty="Visibility"> |
||
676 | <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/> |
||
677 | </ObjectAnimationUsingKeyFrames> |
||
678 | </Storyboard> |
||
679 | </VisualState> |
||
680 | </VisualStateGroup> |
||
681 | <VisualStateGroup x:Name="FocusStates"> |
||
682 | <VisualState x:Name="Focused"> |
||
683 | <Storyboard> |
||
684 | <DoubleAnimation |
||
685 | Storyboard.TargetName="FocusVisualWhite" |
||
686 | Storyboard.TargetProperty="Opacity" |
||
687 | To="1" |
||
688 | Duration="0"/> |
||
689 | <DoubleAnimation |
||
690 | Storyboard.TargetName="FocusVisualBlack" |
||
691 | Storyboard.TargetProperty="Opacity" |
||
692 | To="1" |
||
693 | Duration="0"/> |
||
694 | </Storyboard> |
||
695 | </VisualState> |
||
696 | <VisualState x:Name="Unfocused" /> |
||
697 | <VisualState x:Name="PointerFocused" /> |
||
698 | </VisualStateGroup> |
||
699 | </VisualStateManager.VisualStateGroups> |
||
700 | </Grid> |
||
701 | </ControlTemplate> |
||
702 | </Setter.Value> |
||
703 | </Setter> |
||
704 | </Style> |
||
705 | |||
706 | <!-- |
||
707 | PortraitBackButtonStyle is used to style a Button for use in the title area of a portrait page. Margins appropriate |
||
708 | for the conventional page layout are included as part of the style. |
||
709 | --> |
||
710 | <Style x:Key="PortraitBackButtonStyle" TargetType="Button" BasedOn="{StaticResource BackButtonStyle}"> |
||
711 | <Setter Property="Margin" Value="26,0,26,36"/> |
||
712 | </Style> |
||
713 | |||
714 | <!-- |
||
715 | SnappedBackButtonStyle is used to style a Button for use in the title area of a snapped page. Margins appropriate |
||
716 | for the conventional page layout are included as part of the style. |
||
717 | |||
718 | The obvious duplication here is necessary as the glyphs used in snapped are not merely smaller versions of the same |
||
719 | glyph but are actually distinct. |
||
720 | --> |
||
721 | <Style x:Key="SnappedBackButtonStyle" TargetType="Button"> |
||
722 | <Setter Property="MinWidth" Value="0"/> |
||
723 | <Setter Property="Margin" Value="20,0,0,0"/> |
||
724 | <Setter Property="VerticalAlignment" Value="Bottom"/> |
||
725 | <Setter Property="FontFamily" Value="Segoe UI Symbol"/> |
||
726 | <Setter Property="FontWeight" Value="Normal"/> |
||
727 | <Setter Property="FontSize" Value="26.66667"/> |
||
728 | <Setter Property="AutomationProperties.AutomationId" Value="BackButton"/> |
||
729 | <Setter Property="AutomationProperties.Name" Value="Back"/> |
||
730 | <Setter Property="AutomationProperties.ItemType" Value="Navigation Button"/> |
||
731 | <Setter Property="Template"> |
||
732 | <Setter.Value> |
||
733 | <ControlTemplate TargetType="Button"> |
||
734 | <Grid x:Name="RootGrid" Width="36" Height="36" Margin="-3,0,7,33"> |
||
735 | <Grid Margin="-1,-1,0,0"> |
||
736 | <TextBlock x:Name="BackgroundGlyph" Text="" Foreground="{StaticResource BackButtonBackgroundThemeBrush}"/> |
||
737 | <TextBlock x:Name="NormalGlyph" Text="{StaticResource BackButtonSnappedGlyph}" Foreground="{StaticResource BackButtonForegroundThemeBrush}"/> |
||
738 | <TextBlock x:Name="ArrowGlyph" Text="" Foreground="{StaticResource BackButtonPressedForegroundThemeBrush}" Opacity="0"/> |
||
739 | </Grid> |
||
740 | <Rectangle |
||
741 | x:Name="FocusVisualWhite" |
||
742 | IsHitTestVisible="False" |
||
743 | Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}" |
||
744 | StrokeEndLineCap="Square" |
||
745 | StrokeDashArray="1,1" |
||
746 | Opacity="0" |
||
747 | StrokeDashOffset="1.5"/> |
||
748 | <Rectangle |
||
749 | x:Name="FocusVisualBlack" |
||
750 | IsHitTestVisible="False" |
||
751 | Stroke="{StaticResource FocusVisualBlackStrokeThemeBrush}" |
||
752 | StrokeEndLineCap="Square" |
||
753 | StrokeDashArray="1,1" |
||
754 | Opacity="0" |
||
755 | StrokeDashOffset="0.5"/> |
||
756 | |||
757 | <VisualStateManager.VisualStateGroups> |
||
758 | <VisualStateGroup x:Name="CommonStates"> |
||
759 | <VisualState x:Name="Normal" /> |
||
760 | <VisualState x:Name="PointerOver"> |
||
761 | <Storyboard> |
||
762 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground"> |
||
763 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverBackgroundThemeBrush}"/> |
||
764 | </ObjectAnimationUsingKeyFrames> |
||
765 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NormalGlyph" Storyboard.TargetProperty="Foreground"> |
||
766 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonPointerOverForegroundThemeBrush}"/> |
||
767 | </ObjectAnimationUsingKeyFrames> |
||
768 | </Storyboard> |
||
769 | </VisualState> |
||
770 | <VisualState x:Name="Pressed"> |
||
771 | <Storyboard> |
||
772 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGlyph" Storyboard.TargetProperty="Foreground"> |
||
773 | <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackButtonForegroundThemeBrush}"/> |
||
774 | </ObjectAnimationUsingKeyFrames> |
||
775 | <DoubleAnimation |
||
776 | Storyboard.TargetName="ArrowGlyph" |
||
777 | Storyboard.TargetProperty="Opacity" |
||
778 | To="1" |
||
779 | Duration="0"/> |
||
780 | <DoubleAnimation |
||
781 | Storyboard.TargetName="NormalGlyph" |
||
782 | Storyboard.TargetProperty="Opacity" |
||
783 | To="0" |
||
784 | Duration="0"/> |
||
785 | </Storyboard> |
||
786 | </VisualState> |
||
787 | <VisualState x:Name="Disabled"> |
||
788 | <Storyboard> |
||
789 | <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid" Storyboard.TargetProperty="Visibility"> |
||
790 | <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/> |
||
791 | </ObjectAnimationUsingKeyFrames> |
||
792 | </Storyboard> |
||
793 | </VisualState> |
||
794 | </VisualStateGroup> |
||
795 | <VisualStateGroup x:Name="FocusStates"> |
||
796 | <VisualState x:Name="Focused"> |
||
797 | <Storyboard> |
||
798 | <DoubleAnimation |
||
799 | Storyboard.TargetName="FocusVisualWhite" |
||
800 | Storyboard.TargetProperty="Opacity" |
||
801 | To="1" |
||
802 | Duration="0"/> |
||
803 | <DoubleAnimation |
||
804 | Storyboard.TargetName="FocusVisualBlack" |
||
805 | Storyboard.TargetProperty="Opacity" |
||
806 | To="1" |
||
807 | Duration="0"/> |
||
808 | </Storyboard> |
||
809 | </VisualState> |
||
810 | <VisualState x:Name="Unfocused" /> |
||
811 | <VisualState x:Name="PointerFocused" /> |
||
812 | </VisualStateGroup> |
||
813 | </VisualStateManager.VisualStateGroups> |
||
814 | </Grid> |
||
815 | </ControlTemplate> |
||
816 | </Setter.Value> |
||
817 | </Setter> |
||
818 | </Style> |
||
819 | |||
820 | <!-- Item templates --> |
||
821 | |||
822 | <!-- Grid-appropriate 250 pixel square item template as seen in the GroupedItemsPage and ItemsPage --> |
||
823 | <DataTemplate x:Key="Standard250x250ItemTemplate"> |
||
824 | <Grid HorizontalAlignment="Left" Width="250" Height="250"> |
||
825 | <Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}"> |
||
826 | <Image Source="{Binding Image}" Stretch="UniformToFill"/> |
||
827 | </Border> |
||
828 | <StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}"> |
||
829 | <TextBlock Text="{Binding Title}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Height="60" Margin="15,0,15,0"/> |
||
830 | <TextBlock Text="{Binding Subtitle}" Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/> |
||
831 | </StackPanel> |
||
832 | </Grid> |
||
833 | </DataTemplate> |
||
834 | |||
835 | <!-- Grid-appropriate 500 by 130 pixel item template as seen in the GroupDetailPage --> |
||
836 | <DataTemplate x:Key="Standard500x130ItemTemplate"> |
||
837 | <Grid Height="110" Width="480" Margin="10"> |
||
838 | <Grid.ColumnDefinitions> |
||
839 | <ColumnDefinition Width="Auto"/> |
||
840 | <ColumnDefinition Width="*"/> |
||
841 | </Grid.ColumnDefinitions> |
||
842 | <Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="110" Height="110"> |
||
843 | <Image Source="{Binding Image}" Stretch="UniformToFill"/> |
||
844 | </Border> |
||
845 | <StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="10,0,0,0"> |
||
846 | <TextBlock Text="{Binding Title}" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap"/> |
||
847 | <TextBlock Text="{Binding Subtitle}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap"/> |
||
848 | <TextBlock Text="{Binding Description}" Style="{StaticResource BodyTextStyle}" MaxHeight="60"/> |
||
849 | </StackPanel> |
||
850 | </Grid> |
||
851 | </DataTemplate> |
||
852 | |||
853 | <!-- List-appropriate 130 pixel high item template as seen in the SplitPage --> |
||
854 | <DataTemplate x:Key="Standard130ItemTemplate"> |
||
855 | <Grid Height="110" Margin="6"> |
||
856 | <Grid.ColumnDefinitions> |
||
857 | <ColumnDefinition Width="Auto"/> |
||
858 | <ColumnDefinition Width="*"/> |
||
859 | </Grid.ColumnDefinitions> |
||
860 | <Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="110" Height="110"> |
||
861 | <Image Source="{Binding Image}" Stretch="UniformToFill"/> |
||
862 | </Border> |
||
863 | <StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="10,0,0,0"> |
||
864 | <TextBlock Text="{Binding Title}" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap"/> |
||
865 | <TextBlock Text="{Binding Subtitle}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap"/> |
||
866 | <TextBlock Text="{Binding Description}" Style="{StaticResource BodyTextStyle}" MaxHeight="60"/> |
||
867 | </StackPanel> |
||
868 | </Grid> |
||
869 | </DataTemplate> |
||
870 | |||
871 | <!-- |
||
872 | List-appropriate 80 pixel high item template as seen in the SplitPage when Filled, and |
||
873 | the following pages when snapped: GroupedItemsPage, GroupDetailPage, and ItemsPage |
||
874 | --> |
||
875 | <DataTemplate x:Key="Standard80ItemTemplate"> |
||
876 | <Grid Margin="6"> |
||
877 | <Grid.ColumnDefinitions> |
||
878 | <ColumnDefinition Width="Auto"/> |
||
879 | <ColumnDefinition Width="*"/> |
||
880 | </Grid.ColumnDefinitions> |
||
881 | <Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="60" Height="60"> |
||
882 | <Image Source="{Binding Image}" Stretch="UniformToFill"/> |
||
883 | </Border> |
||
884 | <StackPanel Grid.Column="1" Margin="10,0,0,0"> |
||
885 | <TextBlock Text="{Binding Title}" Style="{StaticResource ItemTextStyle}" MaxHeight="40"/> |
||
886 | <TextBlock Text="{Binding Subtitle}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap"/> |
||
887 | </StackPanel> |
||
888 | </Grid> |
||
889 | </DataTemplate> |
||
890 | |||
891 | <!-- Grid-appropriate 300 by 70 pixel item template as seen in the SearchResultsPage --> |
||
892 | <DataTemplate x:Key="StandardSmallIcon300x70ItemTemplate"> |
||
893 | <Grid Width="294" Margin="6"> |
||
894 | <Grid.ColumnDefinitions> |
||
895 | <ColumnDefinition Width="Auto"/> |
||
896 | <ColumnDefinition Width="*"/> |
||
897 | </Grid.ColumnDefinitions> |
||
898 | <Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="0,0,0,10" Width="40" Height="40"> |
||
899 | <Image Source="{Binding Image}" Stretch="UniformToFill"/> |
||
900 | </Border> |
||
901 | <StackPanel Grid.Column="1" Margin="10,-10,0,0"> |
||
902 | <TextBlock Text="{Binding Title}" Style="{StaticResource BodyTextStyle}" TextWrapping="NoWrap"/> |
||
903 | <TextBlock Text="{Binding Subtitle}" Style="{StaticResource BodyTextStyle}" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" TextWrapping="NoWrap"/> |
||
904 | <TextBlock Text="{Binding Description}" Style="{StaticResource BodyTextStyle}" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" TextWrapping="NoWrap"/> |
||
905 | </StackPanel> |
||
906 | </Grid> |
||
907 | </DataTemplate> |
||
908 | |||
909 | <!-- List-appropriate 70 pixel high item template as seen in the SearchResultsPage when Snapped --> |
||
910 | <DataTemplate x:Key="StandardSmallIcon70ItemTemplate"> |
||
911 | <Grid Margin="6"> |
||
912 | <Grid.ColumnDefinitions> |
||
913 | <ColumnDefinition Width="Auto"/> |
||
914 | <ColumnDefinition Width="*"/> |
||
915 | </Grid.ColumnDefinitions> |
||
916 | <Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="0,0,0,10" Width="40" Height="40"> |
||
917 | <Image Source="{Binding Image}" Stretch="UniformToFill"/> |
||
918 | </Border> |
||
919 | <StackPanel Grid.Column="1" Margin="10,-10,0,0"> |
||
920 | <TextBlock Text="{Binding Title}" Style="{StaticResource BodyTextStyle}" TextWrapping="NoWrap"/> |
||
921 | <TextBlock Text="{Binding Subtitle}" Style="{StaticResource BodyTextStyle}" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" TextWrapping="NoWrap"/> |
||
922 | <TextBlock Text="{Binding Description}" Style="{StaticResource BodyTextStyle}" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" TextWrapping="NoWrap"/> |
||
923 | </StackPanel> |
||
924 | </Grid> |
||
925 | </DataTemplate> |
||
926 | |||
927 | <!-- |
||
928 | 190x130 pixel item template for displaying file previews as seen in the FileOpenPickerPage |
||
929 | Includes an elaborate tooltip to display title and description text |
||
930 | --> |
||
931 | <DataTemplate x:Key="StandardFileWithTooltip190x130ItemTemplate"> |
||
932 | <Grid> |
||
933 | <Grid Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}"> |
||
934 | <Image |
||
935 | Source="{Binding Image}" |
||
936 | Width="190" |
||
937 | Height="130" |
||
938 | HorizontalAlignment="Center" |
||
939 | VerticalAlignment="Center" |
||
940 | Stretch="Uniform"/> |
||
941 | </Grid> |
||
942 | <ToolTipService.Placement>Mouse</ToolTipService.Placement> |
||
943 | <ToolTipService.ToolTip> |
||
944 | <ToolTip> |
||
945 | <ToolTip.Style> |
||
946 | <Style TargetType="ToolTip"> |
||
947 | <Setter Property="BorderBrush" Value="{StaticResource ToolTipBackgroundThemeBrush}" /> |
||
948 | <Setter Property="Padding" Value="0" /> |
||
949 | </Style> |
||
950 | </ToolTip.Style> |
||
951 | |||
952 | <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> |
||
953 | <Grid.ColumnDefinitions> |
||
954 | <ColumnDefinition Width="Auto"/> |
||
955 | <ColumnDefinition Width="*"/> |
||
956 | </Grid.ColumnDefinitions> |
||
957 | |||
958 | <Grid Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="20"> |
||
959 | <Image |
||
960 | Source="{Binding Image}" |
||
961 | Width="160" |
||
962 | Height="160" |
||
963 | HorizontalAlignment="Center" |
||
964 | VerticalAlignment="Center" |
||
965 | Stretch="Uniform"/> |
||
966 | </Grid> |
||
967 | <StackPanel Width="200" Grid.Column="1" Margin="0,20,20,20"> |
||
968 | <TextBlock Text="{Binding Title}" TextWrapping="NoWrap" Style="{StaticResource BodyTextStyle}"/> |
||
969 | <TextBlock Text="{Binding Description}" MaxHeight="140" Foreground="{StaticResource ApplicationSecondaryForegroundThemeBrush}" Style="{StaticResource BodyTextStyle}"/> |
||
970 | </StackPanel> |
||
971 | </Grid> |
||
972 | </ToolTip> |
||
973 | </ToolTipService.ToolTip> |
||
974 | </Grid> |
||
975 | </DataTemplate> |
||
976 | |||
977 | <!-- ScrollViewer styles --> |
||
978 | |||
979 | <Style x:Key="HorizontalScrollViewerStyle" TargetType="ScrollViewer"> |
||
980 | <Setter Property="HorizontalScrollBarVisibility" Value="Auto"/> |
||
981 | <Setter Property="VerticalScrollBarVisibility" Value="Disabled"/> |
||
982 | <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled" /> |
||
983 | <Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled" /> |
||
984 | <Setter Property="ScrollViewer.ZoomMode" Value="Disabled" /> |
||
985 | </Style> |
||
986 | |||
987 | <Style x:Key="VerticalScrollViewerStyle" TargetType="ScrollViewer"> |
||
988 | <Setter Property="HorizontalScrollBarVisibility" Value="Disabled"/> |
||
989 | <Setter Property="VerticalScrollBarVisibility" Value="Auto"/> |
||
990 | <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Disabled" /> |
||
991 | <Setter Property="ScrollViewer.VerticalScrollMode" Value="Enabled" /> |
||
992 | <Setter Property="ScrollViewer.ZoomMode" Value="Disabled" /> |
||
993 | </Style> |
||
994 | |||
995 | <!-- Page layout roots typically use entrance animations and a theme-appropriate background color --> |
||
996 | |||
997 | <Style x:Key="LayoutRootStyle" TargetType="Panel"> |
||
998 | <Setter Property="Background" Value="{StaticResource ApplicationPageBackgroundThemeBrush}"/> |
||
999 | <Setter Property="ChildrenTransitions"> |
||
1000 | <Setter.Value> |
||
1001 | <TransitionCollection> |
||
1002 | <EntranceThemeTransition/> |
||
1003 | </TransitionCollection> |
||
1004 | </Setter.Value> |
||
1005 | </Setter> |
||
1006 | </Style> |
||
1007 | </ResourceDictionary> |