2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
6 mc:Ignorable="d" |
6 mc:Ignorable="d" |
|
7 xmlns:vw="clr-namespace:FingersDance.Views;assembly=FingersDance.Views" |
|
8 xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic" |
7 x:Class="FingersDance.Control.TimeLine.UserControlTimeLine" |
9 x:Class="FingersDance.Control.TimeLine.UserControlTimeLine" |
8 xmlns:vw="clr-namespace:FingersDance.Views;assembly=FingersDance.Views" |
|
9 x:Name="UserControl" |
10 x:Name="UserControl" |
10 d:DesignWidth="383" xmlns:Custom="http://schemas.microsoft.com/surface/2008" Background="{x:Null}" d:DesignHeight="33"> |
11 d:DesignWidth="383" Background="{x:Null}" d:DesignHeight="33"> |
|
12 |
|
13 <UserControl.Resources> |
|
14 <Style x:Key="FingersDance.Control.Slider" TargetType="{x:Type Custom:SurfaceSlider}"> |
|
15 <Setter Property="Background" Value="#191B2022"/> |
|
16 <Setter Property="BorderBrush" Value="#3F040404"/> |
|
17 <Setter Property="Foreground" Value="Black"/> |
|
18 <Setter Property="Width" Value="NaN"/> |
|
19 <Setter Property="MinWidth" Value="30"/> |
|
20 <Setter Property="Height" Value="NaN"/> |
|
21 <Setter Property="MinHeight" Value="30"/> |
|
22 <Setter Property="Template"> |
|
23 <Setter.Value> |
|
24 <ControlTemplate TargetType="{x:Type Custom:SurfaceSlider}"> |
|
25 <ControlTemplate.Resources> |
|
26 <Storyboard x:Key="Touch"> |
|
27 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/> |
|
28 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
29 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
30 </Storyboard> |
|
31 <Storyboard x:Key="Release"> |
|
32 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/> |
|
33 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
34 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
35 </Storyboard> |
|
36 </ControlTemplate.Resources> |
|
37 <Grid x:Name="GridRoot" VerticalAlignment="Stretch" Height="Auto" SnapsToDevicePixels="True" Background="Transparent"> |
|
38 <Grid.RowDefinitions> |
|
39 <RowDefinition Height="Auto"/> |
|
40 <RowDefinition Height="Auto" MinHeight="{TemplateBinding MinHeight}"/> |
|
41 <RowDefinition Height="Auto"/> |
|
42 </Grid.RowDefinitions> |
|
43 <Canvas ClipToBounds="False"> |
|
44 <Label x:Name="PART_SurfaceToolTip"> |
|
45 <Label.Style> |
|
46 <Style TargetType="{x:Type Label}"> |
|
47 <Setter Property="Template"> |
|
48 <Setter.Value> |
|
49 <ControlTemplate TargetType="{x:Type Label}"> |
|
50 <Grid> |
|
51 <Border HorizontalAlignment="Stretch" Margin="0" Width="Auto" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="2"> |
|
52 <TextBlock Margin="{TemplateBinding Padding}" Background="{x:Null}" Foreground="{TemplateBinding Foreground}" Text="{TemplateBinding Content}"/> |
|
53 </Border> |
|
54 </Grid> |
|
55 </ControlTemplate> |
|
56 </Setter.Value> |
|
57 </Setter> |
|
58 <Setter Property="Visibility" Value="Collapsed"/> |
|
59 <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.InfoBrushKey}}"/> |
|
60 <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/> |
|
61 <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/> |
|
62 <Setter Property="Padding" Value="2"/> |
|
63 </Style> |
|
64 </Label.Style> |
|
65 </Label> |
|
66 </Canvas> |
|
67 <TickBar x:Name="TopTick" Margin="0,0,0,1" Height="4" Opacity="1" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Row="0" Fill="{TemplateBinding BorderBrush}" IsDirectionReversed="False" Placement="Top" ReservedSpace="30"/> |
|
68 <TickBar x:Name="BottomTick" Margin="0,1,0,0" Height="4" Opacity="1" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Row="2" Fill="{TemplateBinding BorderBrush}" Placement="Bottom" ReservedSpace="30"/> |
|
69 <Rectangle x:Name="TrackBkgd" RadiusX="3" RadiusY="3" HorizontalAlignment="Stretch" VerticalAlignment="Center" Width="Auto" Height="3" Opacity="1" SnapsToDevicePixels="True" Grid.Row="1" Fill="#FFF8EDED" Stroke="{x:Null}"/> |
|
70 <Ellipse Fill="White" Stroke="{x:Null}" HorizontalAlignment="Left" Margin="315.906,10.116,0,10.128" Width="12.078" Grid.Row="1"/> |
|
71 <Ellipse Fill="White" Stroke="{x:Null}" HorizontalAlignment="Left" Margin="0,10.116,0,10.128" Width="12.078" Grid.Row="1"/> |
|
72 <Border x:Name="Track" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="Auto" Opacity="1" SnapsToDevicePixels="True" Background="Transparent" Grid.Row="1"> |
|
73 <Custom:SurfaceTrack x:Name="PART_Track" Grid.Row="1"> |
|
74 <Custom:SurfaceTrack.Thumb> |
|
75 <Custom:SurfaceThumb x:Name="Thumb" MinHeight="30" MinWidth="30" Width="30" Height="30" Foreground="Black" SnapsToDevicePixels="True" Background="{DynamicResource SliderPlay_xaml}" Margin="-5.072,0,5.048,0" BorderBrush="{x:Null}"> |
|
76 <Custom:SurfaceThumb.Style> |
|
77 <Style TargetType="{x:Type Custom:SurfaceThumb}"> |
|
78 <Setter Property="Background" Value="Transparent"/> |
|
79 <Setter Property="Custom:ContactVisualizer.Adapter"> |
|
80 <Setter.Value> |
|
81 <Custom:ContactVisualizerRectangleAdapter RadiusX="15" RadiusY="15"/> |
|
82 </Setter.Value> |
|
83 </Setter> |
|
84 <Setter Property="Template"> |
|
85 <Setter.Value> |
|
86 <ControlTemplate TargetType="{x:Type Custom:SurfaceThumb}"> |
|
87 <ControlTemplate.Resources> |
|
88 <Storyboard x:Key="Press"> |
|
89 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
90 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/> |
|
91 </DoubleAnimationUsingKeyFrames> |
|
92 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
93 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
94 </ThicknessAnimationUsingKeyFrames> |
|
95 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
96 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
97 </ThicknessAnimationUsingKeyFrames> |
|
98 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
99 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
100 </ThicknessAnimationUsingKeyFrames> |
|
101 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
102 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
103 </ThicknessAnimationUsingKeyFrames> |
|
104 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
105 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
106 </DoubleAnimationUsingKeyFrames> |
|
107 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
108 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
109 </DoubleAnimationUsingKeyFrames> |
|
110 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
111 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
112 </DoubleAnimationUsingKeyFrames> |
|
113 </Storyboard> |
|
114 <Storyboard x:Key="Release"> |
|
115 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
116 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> |
|
117 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/> |
|
118 </DoubleAnimationUsingKeyFrames> |
|
119 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
120 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
121 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/> |
|
122 </ThicknessAnimationUsingKeyFrames> |
|
123 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
124 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
125 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
126 </ThicknessAnimationUsingKeyFrames> |
|
127 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
128 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
129 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
130 </ThicknessAnimationUsingKeyFrames> |
|
131 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
132 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
133 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/> |
|
134 </ThicknessAnimationUsingKeyFrames> |
|
135 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
136 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
137 <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/> |
|
138 </DoubleAnimationUsingKeyFrames> |
|
139 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
140 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
141 <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/> |
|
142 </DoubleAnimationUsingKeyFrames> |
|
143 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
144 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
145 <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/> |
|
146 </DoubleAnimationUsingKeyFrames> |
|
147 </Storyboard> |
|
148 </ControlTemplate.Resources> |
|
149 <Grid x:Name="Grid" Margin="1" SnapsToDevicePixels="True" Background="Transparent"> |
|
150 <Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="{x:Null}" StrokeThickness="0" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True"/> |
|
151 <Rectangle x:Name="Button" Fill="{x:Null}" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True" Stroke="{x:Null}"/> |
|
152 <Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="6" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="1" SnapsToDevicePixels="True" Fill="{x:Null}" Stroke="{x:Null}"/> |
|
153 <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" HorizontalAlignment="Stretch" Margin="2" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}"/> |
|
154 <Rectangle x:Name="Contact" Fill="Transparent" Stroke="{x:Null}"/> |
|
155 </Grid> |
|
156 <ControlTemplate.Triggers> |
|
157 <Trigger Property="IsFocused" Value="True"/> |
|
158 <Trigger Property="IsEnabled" Value="False"> |
|
159 <Setter Property="Fill" TargetName="Button" Value="#00000000"/> |
|
160 <Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/> |
|
161 <Setter Property="Stroke" TargetName="Button" Value="#33000000"/> |
|
162 <Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/> |
|
163 </Trigger> |
|
164 <Trigger Property="IsDragging" Value="True"> |
|
165 <Trigger.EnterActions> |
|
166 <BeginStoryboard> |
|
167 <Storyboard> |
|
168 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
169 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/> |
|
170 </DoubleAnimationUsingKeyFrames> |
|
171 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
172 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
173 </ThicknessAnimationUsingKeyFrames> |
|
174 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
175 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
176 </ThicknessAnimationUsingKeyFrames> |
|
177 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
178 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
179 </ThicknessAnimationUsingKeyFrames> |
|
180 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
181 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
182 </ThicknessAnimationUsingKeyFrames> |
|
183 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
184 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
185 </DoubleAnimationUsingKeyFrames> |
|
186 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
187 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
188 </DoubleAnimationUsingKeyFrames> |
|
189 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
190 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
191 </DoubleAnimationUsingKeyFrames> |
|
192 </Storyboard> |
|
193 </BeginStoryboard> |
|
194 </Trigger.EnterActions> |
|
195 <Trigger.ExitActions> |
|
196 <BeginStoryboard> |
|
197 <Storyboard> |
|
198 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
199 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> |
|
200 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/> |
|
201 </DoubleAnimationUsingKeyFrames> |
|
202 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
203 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
204 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/> |
|
205 </ThicknessAnimationUsingKeyFrames> |
|
206 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
207 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
208 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
209 </ThicknessAnimationUsingKeyFrames> |
|
210 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
211 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
212 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
213 </ThicknessAnimationUsingKeyFrames> |
|
214 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
215 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
216 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/> |
|
217 </ThicknessAnimationUsingKeyFrames> |
|
218 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
219 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
220 <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/> |
|
221 </DoubleAnimationUsingKeyFrames> |
|
222 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
223 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
224 <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/> |
|
225 </DoubleAnimationUsingKeyFrames> |
|
226 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
227 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
228 <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/> |
|
229 </DoubleAnimationUsingKeyFrames> |
|
230 </Storyboard> |
|
231 </BeginStoryboard> |
|
232 </Trigger.ExitActions> |
|
233 </Trigger> |
|
234 </ControlTemplate.Triggers> |
|
235 </ControlTemplate> |
|
236 </Setter.Value> |
|
237 </Setter> |
|
238 </Style> |
|
239 </Custom:SurfaceThumb.Style> |
|
240 </Custom:SurfaceThumb> |
|
241 </Custom:SurfaceTrack.Thumb> |
|
242 <Custom:SurfaceTrack.IncreaseRepeatButton> |
|
243 <Custom:SurfaceRepeatButton x:Name="SliderIncrease" Command="Slider.IncreaseLarge"> |
|
244 <Custom:SurfaceRepeatButton.Style> |
|
245 <Style TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
246 <Setter Property="Background" Value="Transparent"/> |
|
247 <Setter Property="BorderBrush" Value="Transparent"/> |
|
248 <Setter Property="IsTabStop" Value="False"/> |
|
249 <Setter Property="Focusable" Value="False"/> |
|
250 <Setter Property="Template"> |
|
251 <Setter.Value> |
|
252 <ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
253 <Grid> |
|
254 <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/> |
|
255 </Grid> |
|
256 </ControlTemplate> |
|
257 </Setter.Value> |
|
258 </Setter> |
|
259 </Style> |
|
260 </Custom:SurfaceRepeatButton.Style> |
|
261 </Custom:SurfaceRepeatButton> |
|
262 </Custom:SurfaceTrack.IncreaseRepeatButton> |
|
263 <Custom:SurfaceTrack.DecreaseRepeatButton> |
|
264 <Custom:SurfaceRepeatButton x:Name="SliderDecrease" Command="Slider.DecreaseLarge"> |
|
265 <Custom:SurfaceRepeatButton.Style> |
|
266 <Style TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
267 <Setter Property="Background" Value="Transparent"/> |
|
268 <Setter Property="BorderBrush" Value="Transparent"/> |
|
269 <Setter Property="IsTabStop" Value="False"/> |
|
270 <Setter Property="Focusable" Value="False"/> |
|
271 <Setter Property="Template"> |
|
272 <Setter.Value> |
|
273 <ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
274 <Grid> |
|
275 <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/> |
|
276 </Grid> |
|
277 </ControlTemplate> |
|
278 </Setter.Value> |
|
279 </Setter> |
|
280 </Style> |
|
281 </Custom:SurfaceRepeatButton.Style> |
|
282 </Custom:SurfaceRepeatButton> |
|
283 </Custom:SurfaceTrack.DecreaseRepeatButton> |
|
284 </Custom:SurfaceTrack> |
|
285 </Border> |
|
286 </Grid> |
|
287 <ControlTemplate.Triggers> |
|
288 <Trigger Property="TickPlacement" Value="TopLeft"> |
|
289 <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/> |
|
290 </Trigger> |
|
291 <Trigger Property="TickPlacement" Value="BottomRight"> |
|
292 <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/> |
|
293 </Trigger> |
|
294 <Trigger Property="TickPlacement" Value="Both"> |
|
295 <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/> |
|
296 <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/> |
|
297 </Trigger> |
|
298 <Trigger Property="IsMoveToPointEnabled" Value="True"> |
|
299 <Setter Property="Visibility" TargetName="SliderIncrease" Value="Collapsed"/> |
|
300 <Setter Property="Visibility" TargetName="SliderDecrease" Value="Collapsed"/> |
|
301 </Trigger> |
|
302 <Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderIncrease" Value="True"> |
|
303 <Trigger.EnterActions> |
|
304 <BeginStoryboard> |
|
305 <Storyboard> |
|
306 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/> |
|
307 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
308 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
309 </Storyboard> |
|
310 </BeginStoryboard> |
|
311 </Trigger.EnterActions> |
|
312 <Trigger.ExitActions> |
|
313 <BeginStoryboard> |
|
314 <Storyboard> |
|
315 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/> |
|
316 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
317 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
318 </Storyboard> |
|
319 </BeginStoryboard> |
|
320 </Trigger.ExitActions> |
|
321 <Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/> |
|
322 </Trigger> |
|
323 <Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderDecrease" Value="True"> |
|
324 <Trigger.EnterActions> |
|
325 <BeginStoryboard> |
|
326 <Storyboard> |
|
327 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/> |
|
328 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
329 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
330 </Storyboard> |
|
331 </BeginStoryboard> |
|
332 </Trigger.EnterActions> |
|
333 <Trigger.ExitActions> |
|
334 <BeginStoryboard> |
|
335 <Storyboard> |
|
336 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/> |
|
337 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
338 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
339 </Storyboard> |
|
340 </BeginStoryboard> |
|
341 </Trigger.ExitActions> |
|
342 <Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/> |
|
343 </Trigger> |
|
344 <MultiTrigger> |
|
345 <MultiTrigger.Conditions> |
|
346 <Condition Property="IsMoveToPointEnabled" Value="True"/> |
|
347 <Condition Property="IsAnyContactCaptured" Value="True"/> |
|
348 <Condition Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="Thumb" Value="True"/> |
|
349 </MultiTrigger.Conditions> |
|
350 <MultiTrigger.ExitActions> |
|
351 <BeginStoryboard> |
|
352 <Storyboard> |
|
353 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/> |
|
354 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
355 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
356 </Storyboard> |
|
357 </BeginStoryboard> |
|
358 </MultiTrigger.ExitActions> |
|
359 <MultiTrigger.EnterActions> |
|
360 <BeginStoryboard> |
|
361 <Storyboard> |
|
362 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/> |
|
363 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
364 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
365 </Storyboard> |
|
366 </BeginStoryboard> |
|
367 </MultiTrigger.EnterActions> |
|
368 </MultiTrigger> |
|
369 <Trigger Property="IsEnabled" Value="False"> |
|
370 <Setter Property="Foreground" TargetName="Thumb" Value="#A5333333"/> |
|
371 <Setter Property="Fill" TargetName="TrackBkgd" Value="#00000000"/> |
|
372 <Setter Property="Opacity" TargetName="TrackBkgd" Value="0.35"/> |
|
373 </Trigger> |
|
374 </ControlTemplate.Triggers> |
|
375 </ControlTemplate> |
|
376 </Setter.Value> |
|
377 </Setter> |
|
378 <Style.Triggers> |
|
379 <Trigger Property="Orientation" Value="Vertical"> |
|
380 <Setter Property="Width" Value="NaN"/> |
|
381 <Setter Property="MinWidth" Value="30"/> |
|
382 <Setter Property="Height" Value="NaN"/> |
|
383 <Setter Property="MinHeight" Value="30"/> |
|
384 <Setter Property="Template"> |
|
385 <Setter.Value> |
|
386 <ControlTemplate TargetType="{x:Type Custom:SurfaceSlider}"> |
|
387 <ControlTemplate.Resources> |
|
388 <Storyboard x:Key="Touch"> |
|
389 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/> |
|
390 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
391 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
392 </Storyboard> |
|
393 <Storyboard x:Key="Release"> |
|
394 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/> |
|
395 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
396 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
397 </Storyboard> |
|
398 </ControlTemplate.Resources> |
|
399 <Grid x:Name="GridRoot" HorizontalAlignment="Stretch" Width="Auto" SnapsToDevicePixels="True" Background="Transparent"> |
|
400 <Grid.ColumnDefinitions> |
|
401 <ColumnDefinition Width="Auto"/> |
|
402 <ColumnDefinition MinWidth="{TemplateBinding MinWidth}" Width="Auto"/> |
|
403 <ColumnDefinition Width="Auto"/> |
|
404 </Grid.ColumnDefinitions> |
|
405 <Canvas ClipToBounds="False"> |
|
406 <Label x:Name="PART_SurfaceToolTip"> |
|
407 <Label.Style> |
|
408 <Style TargetType="{x:Type Label}"> |
|
409 <Setter Property="Template"> |
|
410 <Setter.Value> |
|
411 <ControlTemplate TargetType="{x:Type Label}"> |
|
412 <Grid> |
|
413 <Border HorizontalAlignment="Stretch" Margin="0" Width="Auto" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="2"> |
|
414 <TextBlock Margin="{TemplateBinding Padding}" Background="{x:Null}" Foreground="{TemplateBinding Foreground}" Text="{TemplateBinding Content}"/> |
|
415 </Border> |
|
416 </Grid> |
|
417 </ControlTemplate> |
|
418 </Setter.Value> |
|
419 </Setter> |
|
420 <Setter Property="Visibility" Value="Collapsed"/> |
|
421 <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.InfoBrushKey}}"/> |
|
422 <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/> |
|
423 <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/> |
|
424 <Setter Property="Padding" Value="2"/> |
|
425 </Style> |
|
426 </Label.Style> |
|
427 </Label> |
|
428 </Canvas> |
|
429 <TickBar x:Name="TopTick" Margin="0,0,1,0" Width="4" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Column="0" Fill="{TemplateBinding BorderBrush}" IsDirectionReversed="True" Placement="Left" ReservedSpace="30"/> |
|
430 <TickBar x:Name="BottomTick" Margin="1,0,0,0" Width="4" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Column="2" Fill="{TemplateBinding BorderBrush}" IsDirectionReversed="True" Placement="Right" ReservedSpace="30"/> |
|
431 <Rectangle x:Name="TrackBkgd" Fill="{TemplateBinding Background}" RadiusX="3" RadiusY="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="6" Height="Auto" SnapsToDevicePixels="True" Grid.Column="1"> |
|
432 <Rectangle.Stroke> |
|
433 <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5"> |
|
434 <GradientStop Color="#66000000" Offset="0"/> |
|
435 <GradientStop Color="#4CFFFFFF" Offset="1"/> |
|
436 </LinearGradientBrush> |
|
437 </Rectangle.Stroke> |
|
438 </Rectangle> |
|
439 <Border x:Name="Track" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="1" SnapsToDevicePixels="True" Background="Transparent" Grid.Column="1"> |
|
440 <Custom:SurfaceTrack x:Name="PART_Track" HorizontalAlignment="Stretch" Grid.Column="1"> |
|
441 <Custom:SurfaceTrack.DecreaseRepeatButton> |
|
442 <Custom:SurfaceRepeatButton x:Name="SliderDecrease" Command="Slider.DecreaseLarge"> |
|
443 <Custom:SurfaceRepeatButton.Style> |
|
444 <Style TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
445 <Setter Property="Background" Value="Transparent"/> |
|
446 <Setter Property="BorderBrush" Value="Transparent"/> |
|
447 <Setter Property="IsTabStop" Value="False"/> |
|
448 <Setter Property="Focusable" Value="False"/> |
|
449 <Setter Property="Template"> |
|
450 <Setter.Value> |
|
451 <ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
452 <Grid> |
|
453 <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/> |
|
454 </Grid> |
|
455 </ControlTemplate> |
|
456 </Setter.Value> |
|
457 </Setter> |
|
458 </Style> |
|
459 </Custom:SurfaceRepeatButton.Style> |
|
460 </Custom:SurfaceRepeatButton> |
|
461 </Custom:SurfaceTrack.DecreaseRepeatButton> |
|
462 <Custom:SurfaceTrack.IncreaseRepeatButton> |
|
463 <Custom:SurfaceRepeatButton x:Name="SliderIncrease" Command="Slider.IncreaseLarge"> |
|
464 <Custom:SurfaceRepeatButton.Style> |
|
465 <Style TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
466 <Setter Property="Background" Value="Transparent"/> |
|
467 <Setter Property="BorderBrush" Value="Transparent"/> |
|
468 <Setter Property="IsTabStop" Value="False"/> |
|
469 <Setter Property="Focusable" Value="False"/> |
|
470 <Setter Property="Template"> |
|
471 <Setter.Value> |
|
472 <ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}"> |
|
473 <Grid> |
|
474 <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/> |
|
475 </Grid> |
|
476 </ControlTemplate> |
|
477 </Setter.Value> |
|
478 </Setter> |
|
479 </Style> |
|
480 </Custom:SurfaceRepeatButton.Style> |
|
481 </Custom:SurfaceRepeatButton> |
|
482 </Custom:SurfaceTrack.IncreaseRepeatButton> |
|
483 <Custom:SurfaceTrack.Thumb> |
|
484 <Custom:SurfaceThumb x:Name="Thumb" HorizontalAlignment="Center" Margin="0,0,1,0" MinHeight="30" MinWidth="30" Width="30" Height="30" Foreground="Black" SnapsToDevicePixels="True"> |
|
485 <Custom:SurfaceThumb.Style> |
|
486 <Style TargetType="{x:Type Custom:SurfaceThumb}"> |
|
487 <Setter Property="Background" Value="Transparent"/> |
|
488 <Setter Property="Custom:ContactVisualizer.Adapter"> |
|
489 <Setter.Value> |
|
490 <Custom:ContactVisualizerRectangleAdapter RadiusX="15" RadiusY="15"/> |
|
491 </Setter.Value> |
|
492 </Setter> |
|
493 <Setter Property="Template"> |
|
494 <Setter.Value> |
|
495 <ControlTemplate TargetType="{x:Type Custom:SurfaceThumb}"> |
|
496 <ControlTemplate.Resources> |
|
497 <Storyboard x:Key="Press"> |
|
498 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
499 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/> |
|
500 </DoubleAnimationUsingKeyFrames> |
|
501 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
502 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
503 </ThicknessAnimationUsingKeyFrames> |
|
504 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
505 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
506 </ThicknessAnimationUsingKeyFrames> |
|
507 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
508 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
509 </ThicknessAnimationUsingKeyFrames> |
|
510 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
511 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
512 </ThicknessAnimationUsingKeyFrames> |
|
513 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
514 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
515 </DoubleAnimationUsingKeyFrames> |
|
516 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
517 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
518 </DoubleAnimationUsingKeyFrames> |
|
519 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
520 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
521 </DoubleAnimationUsingKeyFrames> |
|
522 </Storyboard> |
|
523 <Storyboard x:Key="Release"> |
|
524 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
525 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> |
|
526 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/> |
|
527 </DoubleAnimationUsingKeyFrames> |
|
528 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
529 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
530 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/> |
|
531 </ThicknessAnimationUsingKeyFrames> |
|
532 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
533 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
534 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
535 </ThicknessAnimationUsingKeyFrames> |
|
536 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
537 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
538 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
539 </ThicknessAnimationUsingKeyFrames> |
|
540 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
541 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
542 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/> |
|
543 </ThicknessAnimationUsingKeyFrames> |
|
544 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
545 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
546 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/> |
|
547 </DoubleAnimationUsingKeyFrames> |
|
548 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
549 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
550 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/> |
|
551 </DoubleAnimationUsingKeyFrames> |
|
552 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
553 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
554 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/> |
|
555 </DoubleAnimationUsingKeyFrames> |
|
556 </Storyboard> |
|
557 </ControlTemplate.Resources> |
|
558 <Grid x:Name="Grid" Margin="1" SnapsToDevicePixels="True" Background="Transparent"> |
|
559 <Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="{x:Null}" StrokeThickness="0" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True"/> |
|
560 <Rectangle x:Name="Button" Fill="#33A4B4BD" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True"> |
|
561 <Rectangle.Stroke> |
|
562 <LinearGradientBrush EndPoint="0,0" StartPoint="0,1"> |
|
563 <GradientStop Color="#66000000" Offset="0"/> |
|
564 <GradientStop Color="#33000000" Offset="1"/> |
|
565 </LinearGradientBrush> |
|
566 </Rectangle.Stroke> |
|
567 </Rectangle> |
|
568 <Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="6" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="1" SnapsToDevicePixels="True"> |
|
569 <Rectangle.Stroke> |
|
570 <LinearGradientBrush EndPoint="0,1" StartPoint="0,0"> |
|
571 <GradientStop Color="#7FFFFFFF" Offset="0"/> |
|
572 <GradientStop Color="#0CFFFFFF" Offset="1"/> |
|
573 </LinearGradientBrush> |
|
574 </Rectangle.Stroke> |
|
575 <Rectangle.Fill> |
|
576 <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1"> |
|
577 <GradientStop Color="#26000000" Offset="0"/> |
|
578 <GradientStop Color="#4CFFFFFF" Offset="1"/> |
|
579 </LinearGradientBrush> |
|
580 </Rectangle.Fill> |
|
581 </Rectangle> |
|
582 <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" HorizontalAlignment="Stretch" Margin="2" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}"/> |
|
583 <Rectangle x:Name="Contact" Fill="Transparent" Stroke="{x:Null}"/> |
|
584 </Grid> |
|
585 <ControlTemplate.Triggers> |
|
586 <Trigger Property="IsFocused" Value="True"/> |
|
587 <Trigger Property="IsEnabled" Value="False"> |
|
588 <Setter Property="Fill" TargetName="Button" Value="#00000000"/> |
|
589 <Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/> |
|
590 <Setter Property="Stroke" TargetName="Button" Value="#33000000"/> |
|
591 <Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/> |
|
592 </Trigger> |
|
593 <Trigger Property="IsDragging" Value="True"> |
|
594 <Trigger.EnterActions> |
|
595 <BeginStoryboard> |
|
596 <Storyboard> |
|
597 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
598 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/> |
|
599 </DoubleAnimationUsingKeyFrames> |
|
600 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
601 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
602 </ThicknessAnimationUsingKeyFrames> |
|
603 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
604 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
605 </ThicknessAnimationUsingKeyFrames> |
|
606 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
607 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
608 </ThicknessAnimationUsingKeyFrames> |
|
609 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
610 <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
611 </ThicknessAnimationUsingKeyFrames> |
|
612 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
613 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
614 </DoubleAnimationUsingKeyFrames> |
|
615 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
616 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
617 </DoubleAnimationUsingKeyFrames> |
|
618 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
619 <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/> |
|
620 </DoubleAnimationUsingKeyFrames> |
|
621 </Storyboard> |
|
622 </BeginStoryboard> |
|
623 </Trigger.EnterActions> |
|
624 <Trigger.ExitActions> |
|
625 <BeginStoryboard> |
|
626 <Storyboard> |
|
627 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
628 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> |
|
629 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/> |
|
630 </DoubleAnimationUsingKeyFrames> |
|
631 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
632 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
633 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/> |
|
634 </ThicknessAnimationUsingKeyFrames> |
|
635 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
636 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
637 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
638 </ThicknessAnimationUsingKeyFrames> |
|
639 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
640 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
641 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/> |
|
642 </ThicknessAnimationUsingKeyFrames> |
|
643 <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)"> |
|
644 <SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/> |
|
645 <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/> |
|
646 </ThicknessAnimationUsingKeyFrames> |
|
647 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
648 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
649 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/> |
|
650 </DoubleAnimationUsingKeyFrames> |
|
651 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
652 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
653 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/> |
|
654 </DoubleAnimationUsingKeyFrames> |
|
655 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)"> |
|
656 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> |
|
657 <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/> |
|
658 </DoubleAnimationUsingKeyFrames> |
|
659 </Storyboard> |
|
660 </BeginStoryboard> |
|
661 </Trigger.ExitActions> |
|
662 </Trigger> |
|
663 </ControlTemplate.Triggers> |
|
664 </ControlTemplate> |
|
665 </Setter.Value> |
|
666 </Setter> |
|
667 </Style> |
|
668 </Custom:SurfaceThumb.Style> |
|
669 </Custom:SurfaceThumb> |
|
670 </Custom:SurfaceTrack.Thumb> |
|
671 </Custom:SurfaceTrack> |
|
672 </Border> |
|
673 </Grid> |
|
674 <ControlTemplate.Triggers> |
|
675 <Trigger Property="TickPlacement" Value="TopLeft"> |
|
676 <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/> |
|
677 </Trigger> |
|
678 <Trigger Property="TickPlacement" Value="BottomRight"> |
|
679 <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/> |
|
680 </Trigger> |
|
681 <Trigger Property="TickPlacement" Value="Both"> |
|
682 <Setter Property="Visibility" TargetName="TopTick" Value="Visible"/> |
|
683 <Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/> |
|
684 </Trigger> |
|
685 <Trigger Property="IsMoveToPointEnabled" Value="True"> |
|
686 <Setter Property="Visibility" TargetName="SliderIncrease" Value="Collapsed"/> |
|
687 <Setter Property="Visibility" TargetName="SliderDecrease" Value="Collapsed"/> |
|
688 </Trigger> |
|
689 <Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderIncrease" Value="True"> |
|
690 <Trigger.EnterActions> |
|
691 <BeginStoryboard> |
|
692 <Storyboard> |
|
693 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/> |
|
694 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
695 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
696 </Storyboard> |
|
697 </BeginStoryboard> |
|
698 </Trigger.EnterActions> |
|
699 <Trigger.ExitActions> |
|
700 <BeginStoryboard> |
|
701 <Storyboard> |
|
702 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/> |
|
703 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
704 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
705 </Storyboard> |
|
706 </BeginStoryboard> |
|
707 </Trigger.ExitActions> |
|
708 <Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/> |
|
709 </Trigger> |
|
710 <Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderDecrease" Value="True"> |
|
711 <Trigger.EnterActions> |
|
712 <BeginStoryboard> |
|
713 <Storyboard> |
|
714 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/> |
|
715 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
716 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
717 </Storyboard> |
|
718 </BeginStoryboard> |
|
719 </Trigger.EnterActions> |
|
720 <Trigger.ExitActions> |
|
721 <BeginStoryboard> |
|
722 <Storyboard> |
|
723 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/> |
|
724 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
725 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
726 </Storyboard> |
|
727 </BeginStoryboard> |
|
728 </Trigger.ExitActions> |
|
729 <Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/> |
|
730 </Trigger> |
|
731 <MultiTrigger> |
|
732 <MultiTrigger.Conditions> |
|
733 <Condition Property="IsMoveToPointEnabled" Value="True"/> |
|
734 <Condition Property="IsAnyContactCaptured" Value="True"/> |
|
735 <Condition Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="Thumb" Value="True"/> |
|
736 </MultiTrigger.Conditions> |
|
737 <MultiTrigger.ExitActions> |
|
738 <BeginStoryboard> |
|
739 <Storyboard> |
|
740 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/> |
|
741 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/> |
|
742 <DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/> |
|
743 </Storyboard> |
|
744 </BeginStoryboard> |
|
745 </MultiTrigger.ExitActions> |
|
746 <MultiTrigger.EnterActions> |
|
747 <BeginStoryboard> |
|
748 <Storyboard> |
|
749 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/> |
|
750 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/> |
|
751 <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/> |
|
752 </Storyboard> |
|
753 </BeginStoryboard> |
|
754 </MultiTrigger.EnterActions> |
|
755 </MultiTrigger> |
|
756 <Trigger Property="IsEnabled" Value="False"> |
|
757 <Setter Property="Foreground" TargetName="Thumb" Value="#A5333333"/> |
|
758 <Setter Property="Fill" TargetName="TrackBkgd" Value="#00000000"/> |
|
759 <Setter Property="Opacity" TargetName="TrackBkgd" Value="0.35"/> |
|
760 <Setter Property="Margin" TargetName="Thumb" Value="0"/> |
|
761 </Trigger> |
|
762 </ControlTemplate.Triggers> |
|
763 </ControlTemplate> |
|
764 </Setter.Value> |
|
765 </Setter> |
|
766 </Trigger> |
|
767 </Style.Triggers> |
|
768 </Style> |
|
769 </UserControl.Resources> |
11 |
770 |
12 <Grid x:Name="LayoutRoot" Width="Auto" Height="Auto" Background="{x:Null}"> |
771 <Grid x:Name="LayoutRoot" Width="Auto" Height="Auto" Background="{x:Null}"> |
13 <Custom:SurfaceSlider Height="Auto" x:Name="slider" Value="0.5" Width="Auto" |
772 <Custom:SurfaceSlider Height="Auto" x:Name="slider" Value="0.5" Width="Auto" |
14 Thumb.DragStarted="sliderPosition_DragStarted" Thumb.DragCompleted="sliderPosition_DragCompleted" ContactTapGesture="slider_ContactTapGesture" |
773 Thumb.DragStarted="sliderPosition_DragStarted" Thumb.DragCompleted="sliderPosition_DragCompleted" ContactTapGesture="slider_ContactTapGesture" Background="#19FFFFFF" Style="{DynamicResource FingersDance.Control.Slider}" /> |
15 Margin="0,0,30,0" Background="#19FFFFFF" /> |
|
16 <vw:TimelineView x:Name="tv" Margin="0,30,0,0"/> |
774 <vw:TimelineView x:Name="tv" Margin="0,30,0,0"/> |
17 </Grid> |
775 </Grid> |
18 </UserControl> |
776 </UserControl> |