src/FingersDance.Control.Player/UserControlPlayer.xaml
changeset 215 d13dbcf861d7
parent 202 e15e7110ef6d
equal deleted inserted replaced
214:beebae32b1ed 215:d13dbcf861d7
     6 	mc:Ignorable="d"
     6 	mc:Ignorable="d"
     7 	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 	xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
     8 	xmlns:FingersDance_Control_Player="clr-namespace:FingersDance.Control.Player"
     8 	xmlns:FingersDance_Control_Player="clr-namespace:FingersDance.Control.Player"
     9 	x:Class="FingersDance.Control.Player.UserControlPlayer"
     9 	x:Class="FingersDance.Control.Player.UserControlPlayer"
    10 	x:Name="UserControl" AllowDrop="True" Custom:SurfaceDragDrop.DragOver="Play_Pause_area_DragOver" Custom:SurfaceDragDrop.DragEnter="Play_Pause_area_DragEnter" Custom:SurfaceDragDrop.DragLeave="Play_Pause_area_DragLeave" Custom:SurfaceDragDrop.Drop="Play_Pause_area_Drop"
    10 	x:Name="UserControl" AllowDrop="True" Custom:SurfaceDragDrop.DragOver="Play_Pause_area_DragOver" Custom:SurfaceDragDrop.DragEnter="Play_Pause_area_DragEnter" Custom:SurfaceDragDrop.DragLeave="Play_Pause_area_DragLeave" Custom:SurfaceDragDrop.Drop="Play_Pause_area_Drop"
    11 	Width="560" Height="400" 
    11 	Width="560" Height="423" 
    12     xmlns:GestureControl="clr-namespace:GestureControl;assembly=GestureControl">
    12     xmlns:GestureControl="clr-namespace:GestureControl;assembly=GestureControl">
    13 	<UserControl.Resources>
    13 	<UserControl.Resources>
    14 		<Storyboard x:Key="OnClick1"/>
    14 		<Storyboard x:Key="OnClick1"/>
    15 		<Style x:Key="FingersDance.Control.PlayerButton" TargetType="{x:Type Custom:SurfaceButton}">
    15 		<Style x:Key="FingersDance.Control.PlayerButton" TargetType="{x:Type Custom:SurfaceButton}">
    16 			<Style.BasedOn>
    16 			<Style.BasedOn>
   148 			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rect4" Storyboard.TargetProperty="(UIElement.Opacity)">
   148 			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rect4" Storyboard.TargetProperty="(UIElement.Opacity)">
   149 				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
   149 				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
   150 				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="0,0,0.5,1"/>
   150 				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="0,0,0.5,1"/>
   151 			</DoubleAnimationUsingKeyFrames>
   151 			</DoubleAnimationUsingKeyFrames>
   152 		</Storyboard>
   152 		</Storyboard>
       
   153 		<Style x:Key="SurfaceRadioButtonStyle1" TargetType="{x:Type Custom:SurfaceRadioButton}">
       
   154 			<Setter Property="HorizontalContentAlignment" Value="Left"/>
       
   155 			<Setter Property="Background" Value="Transparent"/>
       
   156 			<Setter Property="Foreground" Value="Black"/>
       
   157 			<Setter Property="BorderBrush" Value="Transparent"/>
       
   158 			<Setter Property="Padding" Value="5,0,0,0"/>
       
   159 			<Setter Property="Template">
       
   160 				<Setter.Value>
       
   161 					<ControlTemplate TargetType="{x:Type Custom:SurfaceRadioButton}">
       
   162 						<ControlTemplate.Resources>
       
   163 							<Storyboard x:Key="ThreeStateExit">
       
   164 								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   165 									<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
       
   166 								</DoubleAnimationUsingKeyFrames>
       
   167 							</Storyboard>
       
   168 							<Storyboard x:Key="Press">
       
   169 								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   170 									<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   171 								</DoubleAnimationUsingKeyFrames>
       
   172 								<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   173 									<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-2"/>
       
   174 								</ThicknessAnimationUsingKeyFrames>
       
   175 							</Storyboard>
       
   176 							<Storyboard x:Key="Checked">
       
   177 								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
       
   178 							</Storyboard>
       
   179 							<Storyboard x:Key="Release">
       
   180 								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   181 									<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   182 									<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   183 								</DoubleAnimationUsingKeyFrames>
       
   184 								<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   185 									<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-2"/>
       
   186 									<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
       
   187 								</ThicknessAnimationUsingKeyFrames>
       
   188 							</Storyboard>
       
   189 							<Storyboard x:Key="Unchecked">
       
   190 								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
       
   191 							</Storyboard>
       
   192 							<Storyboard x:Key="ThreeStateEnter">
       
   193 								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   194 									<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.9"/>
       
   195 								</DoubleAnimationUsingKeyFrames>
       
   196 							</Storyboard>
       
   197 						</ControlTemplate.Resources>
       
   198 						<BulletDecorator x:Name="bulletDecorator" MinHeight="30" MinWidth="30" Height="Auto" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Background="Transparent">
       
   199 							<BulletDecorator.Bullet>
       
   200 								<Grid MinHeight="30" MinWidth="30" Width="30" Height="30" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   201 									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="Transparent" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
       
   202 									<Rectangle x:Name="Button" Fill="#33A4B4BD" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   203 										<Rectangle.Stroke>
       
   204 											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
       
   205 												<GradientStop Color="#66000000" Offset="0"/>
       
   206 												<GradientStop Color="#33000000" Offset="1"/>
       
   207 											</LinearGradientBrush>
       
   208 										</Rectangle.Stroke>
       
   209 									</Rectangle>
       
   210 									<Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   211 										<Rectangle.Fill>
       
   212 											<RadialGradientBrush GradientOrigin="0.5,0.072">
       
   213 												<RadialGradientBrush.RelativeTransform>
       
   214 													<TransformGroup>
       
   215 														<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="-2.281" ScaleY="-1.484"/>
       
   216 														<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
       
   217 														<RotateTransform Angle="359.337" CenterX="0.5" CenterY="0.5"/>
       
   218 														<TranslateTransform X="-0.001" Y="-0.126"/>
       
   219 													</TransformGroup>
       
   220 												</RadialGradientBrush.RelativeTransform>
       
   221 												<GradientStop Color="Transparent" Offset="0.205"/>
       
   222 												<GradientStop Color="#26000000" Offset="0.652"/>
       
   223 											</RadialGradientBrush>
       
   224 										</Rectangle.Fill>
       
   225 										<Rectangle.Stroke>
       
   226 											<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
   227 												<GradientStop Color="#7FFFFFFF" Offset="0"/>
       
   228 												<GradientStop Color="#0CFFFFFF" Offset="1"/>
       
   229 											</LinearGradientBrush>
       
   230 										</Rectangle.Stroke>
       
   231 									</Rectangle>
       
   232 									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" Margin="2" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}"/>
       
   233 									<Rectangle x:Name="Checkmark" Fill="{x:Null}" StrokeThickness="7" RadiusX="6" RadiusY="6" Margin="8" Opacity="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   234 										<Rectangle.Stroke>
       
   235 											<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
       
   236 												<GradientStop Color="#FF292929" Offset="1"/>
       
   237 												<GradientStop Color="Red" Offset="0.276"/>
       
   238 											</LinearGradientBrush>
       
   239 										</Rectangle.Stroke>
       
   240 									</Rectangle>
       
   241 									<Rectangle x:Name="ThreeStateMark" StrokeThickness="1" RadiusX="13" RadiusY="13" Margin="6" Opacity="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Fill="Red">
       
   242 										<Rectangle.Stroke>
       
   243 											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
       
   244 												<GradientStop Color="#66000000" Offset="0"/>
       
   245 												<GradientStop Color="#33000000" Offset="1"/>
       
   246 											</LinearGradientBrush>
       
   247 										</Rectangle.Stroke>
       
   248 									</Rectangle>
       
   249 								</Grid>
       
   250 							</BulletDecorator.Bullet>
       
   251 							<Grid HorizontalAlignment="Stretch" Margin="5,0,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   252 								<Grid x:Name="ContentBox" HorizontalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Background="Transparent">
       
   253 									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" ClipToBounds="False" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
       
   254 								</Grid>
       
   255 							</Grid>
       
   256 						</BulletDecorator>
       
   257 						<ControlTemplate.Triggers>
       
   258 							<MultiTrigger>
       
   259 								<MultiTrigger.EnterActions>
       
   260 									<BeginStoryboard>
       
   261 										<Storyboard>
       
   262 											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   263 												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.9"/>
       
   264 											</DoubleAnimationUsingKeyFrames>
       
   265 										</Storyboard>
       
   266 									</BeginStoryboard>
       
   267 								</MultiTrigger.EnterActions>
       
   268 								<MultiTrigger.ExitActions>
       
   269 									<BeginStoryboard>
       
   270 										<Storyboard>
       
   271 											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   272 												<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
       
   273 											</DoubleAnimationUsingKeyFrames>
       
   274 										</Storyboard>
       
   275 									</BeginStoryboard>
       
   276 								</MultiTrigger.ExitActions>
       
   277 								<MultiTrigger.Conditions>
       
   278 									<Condition Property="IsThreeState" Value="True"/>
       
   279 									<Condition Property="IsChecked" Value="{x:Null}"/>
       
   280 								</MultiTrigger.Conditions>
       
   281 							</MultiTrigger>
       
   282 							<Trigger Property="IsChecked" Value="False">
       
   283 								<Trigger.EnterActions>
       
   284 									<BeginStoryboard>
       
   285 										<Storyboard>
       
   286 											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
       
   287 										</Storyboard>
       
   288 									</BeginStoryboard>
       
   289 								</Trigger.EnterActions>
       
   290 								<Trigger.ExitActions>
       
   291 									<BeginStoryboard>
       
   292 										<Storyboard>
       
   293 											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
       
   294 										</Storyboard>
       
   295 									</BeginStoryboard>
       
   296 								</Trigger.ExitActions>
       
   297 							</Trigger>
       
   298 							<Trigger Property="IsChecked" Value="True">
       
   299 								<Trigger.EnterActions>
       
   300 									<BeginStoryboard>
       
   301 										<Storyboard>
       
   302 											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
       
   303 										</Storyboard>
       
   304 									</BeginStoryboard>
       
   305 								</Trigger.EnterActions>
       
   306 								<Trigger.ExitActions>
       
   307 									<BeginStoryboard>
       
   308 										<Storyboard>
       
   309 											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
       
   310 										</Storyboard>
       
   311 									</BeginStoryboard>
       
   312 								</Trigger.ExitActions>
       
   313 							</Trigger>
       
   314 							<Trigger Property="IsPressed" Value="True">
       
   315 								<Trigger.EnterActions>
       
   316 									<BeginStoryboard>
       
   317 										<Storyboard>
       
   318 											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   319 												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   320 											</DoubleAnimationUsingKeyFrames>
       
   321 											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   322 												<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-2"/>
       
   323 											</ThicknessAnimationUsingKeyFrames>
       
   324 										</Storyboard>
       
   325 									</BeginStoryboard>
       
   326 								</Trigger.EnterActions>
       
   327 								<Trigger.ExitActions>
       
   328 									<BeginStoryboard>
       
   329 										<Storyboard>
       
   330 											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   331 												<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   332 												<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   333 											</DoubleAnimationUsingKeyFrames>
       
   334 											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   335 												<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-2"/>
       
   336 												<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
       
   337 											</ThicknessAnimationUsingKeyFrames>
       
   338 										</Storyboard>
       
   339 									</BeginStoryboard>
       
   340 								</Trigger.ExitActions>
       
   341 							</Trigger>
       
   342 							<Trigger Property="IsEnabled" Value="False">
       
   343 								<Setter Property="Fill" TargetName="Button" Value="#00000000"/>
       
   344 								<Setter Property="Stroke" TargetName="Button" Value="#33000000"/>
       
   345 								<Setter Property="Foreground" Value="#A5333333"/>
       
   346 								<Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/>
       
   347 								<Setter Property="Stroke" TargetName="Checkmark" Value="#33000000"/>
       
   348 								<Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/>
       
   349 							</Trigger>
       
   350 						</ControlTemplate.Triggers>
       
   351 					</ControlTemplate>
       
   352 				</Setter.Value>
       
   353 			</Setter>
       
   354 			<Style.BasedOn>
       
   355 				<Style TargetType="{x:Type ButtonBase}">
       
   356 					<Setter Property="SnapsToDevicePixels" Value="True"/>
       
   357 					<Setter Property="FocusVisualStyle">
       
   358 						<Setter.Value>
       
   359 							<Style>
       
   360 								<Setter Property="Control.Template">
       
   361 									<Setter.Value>
       
   362 										<ControlTemplate/>
       
   363 									</Setter.Value>
       
   364 								</Setter>
       
   365 							</Style>
       
   366 						</Setter.Value>
       
   367 					</Setter>
       
   368 					<Setter Property="FontFamily" Value="Segoe UI"/>
       
   369 					<Setter Property="FontSize" Value="10"/>
       
   370 					<Setter Property="Foreground" Value="Black"/>
       
   371 					<Setter Property="Background" Value="#33A4B4BD"/>
       
   372 					<Setter Property="BorderBrush">
       
   373 						<Setter.Value>
       
   374 							<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
   375 								<GradientStop Color="#7FFFFFFF" Offset="0"/>
       
   376 								<GradientStop Color="#0CFFFFFF" Offset="1"/>
       
   377 							</LinearGradientBrush>
       
   378 						</Setter.Value>
       
   379 					</Setter>
       
   380 					<Setter Property="BorderThickness" Value="1"/>
       
   381 					<Setter Property="HorizontalContentAlignment" Value="Center"/>
       
   382 					<Setter Property="VerticalContentAlignment" Value="Center"/>
       
   383 					<Setter Property="Padding" Value="15,6"/>
       
   384 					<Setter Property="IsTabStop" Value="False"/>
       
   385 					<Setter Property="Focusable" Value="False"/>
       
   386 					<Setter Property="MinWidth" Value="30"/>
       
   387 					<Setter Property="MinHeight" Value="30"/>
       
   388 					<Setter Property="Template">
       
   389 						<Setter.Value>
       
   390 							<ControlTemplate TargetType="{x:Type ButtonBase}">
       
   391 								<ControlTemplate.Resources>
       
   392 									<Storyboard x:Key="Press">
       
   393 										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   394 											<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   395 										</DoubleAnimationUsingKeyFrames>
       
   396 										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   397 											<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
       
   398 										</ThicknessAnimationUsingKeyFrames>
       
   399 									</Storyboard>
       
   400 									<Storyboard x:Key="Release">
       
   401 										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   402 											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   403 											<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   404 										</DoubleAnimationUsingKeyFrames>
       
   405 										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   406 											<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
       
   407 											<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
       
   408 										</ThicknessAnimationUsingKeyFrames>
       
   409 									</Storyboard>
       
   410 								</ControlTemplate.Resources>
       
   411 								<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   412 									<Border x:Name="Shadow" Margin="1,1,1,0" BorderBrush="#33000000" BorderThickness="0,0,0,1" CornerRadius="6" Padding="1"/>
       
   413 									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" StrokeThickness="1" RadiusX="5" RadiusY="5" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   414 										<Rectangle.Stroke>
       
   415 											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
       
   416 												<GradientStop Color="#66000000" Offset="0"/>
       
   417 												<GradientStop Color="#33000000" Offset="1"/>
       
   418 											</LinearGradientBrush>
       
   419 										</Rectangle.Stroke>
       
   420 									</Rectangle>
       
   421 									<Rectangle x:Name="RenderOverlay" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" RadiusX="4" RadiusY="4" Margin="2" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
   422 										<Rectangle.Fill>
       
   423 											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
       
   424 												<GradientStop Color="#26000000" Offset="0"/>
       
   425 												<GradientStop Color="#4CFFFFFF" Offset="1"/>
       
   426 											</LinearGradientBrush>
       
   427 										</Rectangle.Fill>
       
   428 									</Rectangle>
       
   429 									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Margin="1" Opacity="0" Color="White" CornerRadius="4"/>
       
   430 									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
       
   431 										<ContentPresenter.RenderTransform>
       
   432 											<TranslateTransform X="0" Y="-1"/>
       
   433 										</ContentPresenter.RenderTransform>
       
   434 									</ContentPresenter>
       
   435 								</Grid>
       
   436 								<ControlTemplate.Triggers>
       
   437 									<Trigger Property="IsPressed" Value="True">
       
   438 										<Trigger.EnterActions>
       
   439 											<BeginStoryboard>
       
   440 												<Storyboard>
       
   441 													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   442 														<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   443 													</DoubleAnimationUsingKeyFrames>
       
   444 													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   445 														<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
       
   446 													</ThicknessAnimationUsingKeyFrames>
       
   447 												</Storyboard>
       
   448 											</BeginStoryboard>
       
   449 										</Trigger.EnterActions>
       
   450 										<Trigger.ExitActions>
       
   451 											<BeginStoryboard>
       
   452 												<Storyboard>
       
   453 													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   454 														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   455 														<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   456 													</DoubleAnimationUsingKeyFrames>
       
   457 													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   458 														<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
       
   459 														<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
       
   460 													</ThicknessAnimationUsingKeyFrames>
       
   461 												</Storyboard>
       
   462 											</BeginStoryboard>
       
   463 										</Trigger.ExitActions>
       
   464 									</Trigger>
       
   465 									<Trigger Property="IsEnabled" Value="True"/>
       
   466 									<Trigger Property="IsEnabled" Value="False">
       
   467 										<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
       
   468 										<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
       
   469 										<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
       
   470 										<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
       
   471 										<Setter Property="Foreground" Value="#A5333333"/>
       
   472 										<Setter Property="Background" Value="Transparent"/>
       
   473 									</Trigger>
       
   474 								</ControlTemplate.Triggers>
       
   475 							</ControlTemplate>
       
   476 						</Setter.Value>
       
   477 					</Setter>
       
   478 				</Style>
       
   479 			</Style.BasedOn>
       
   480 		</Style>
   153 	</UserControl.Resources>
   481 	</UserControl.Resources>
   154 	<UserControl.Triggers>
   482 	<UserControl.Triggers>
   155 		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
   483 		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
   156 			<BeginStoryboard Storyboard="{StaticResource Rect1Annotation}"/>
   484 			<BeginStoryboard Storyboard="{StaticResource Rect1Annotation}"/>
   157 			<BeginStoryboard Storyboard="{StaticResource Rect2Annotation}"/>
   485 			<BeginStoryboard Storyboard="{StaticResource Rect2Annotation}"/>
   158 			<BeginStoryboard Storyboard="{StaticResource Rect3Annotation}"/>
   486 			<BeginStoryboard Storyboard="{StaticResource Rect3Annotation}"/>
   159 			<BeginStoryboard Storyboard="{StaticResource Rect4Annotation}"/>
   487 			<BeginStoryboard Storyboard="{StaticResource Rect4Annotation}"/>
   160 		</EventTrigger>
   488 		</EventTrigger>
   161 	</UserControl.Triggers>
   489 	</UserControl.Triggers>
   162     <Grid x:Name="LayoutRoot" Width="{Binding Path=ActualWidth, ElementName=UserControl, Mode=Default}" Height="{Binding Path=ActualHeight, ElementName=UserControl, Mode=Default}" Background="{x:Null}">
   490     <Grid x:Name="LayoutRoot" Background="{x:Null}">
   163     	<Viewbox Margin="0,0,0,0" Width="{Binding Path=ActualWidth, ElementName=UserControl, Mode=Default}" Height="{Binding Path=ActualHeight, ElementName=UserControl, Mode=Default}" Stretch="Uniform" AllowDrop="True">
   491     	<Viewbox Stretch="Uniform" AllowDrop="True">
   164     		<Grid Width="560" Height="400" HorizontalAlignment="Left" x:Name="GridPlayer">
   492     		<Grid Width="556.439" Height="423" x:Name="GridPlayer">
   165     			<Grid.RowDefinitions>
   493     			<Grid.RowDefinitions>
   166     				<RowDefinition Height="0.898*"/>
   494     				<RowDefinition Height="0.849*"/>
   167     				<RowDefinition Height="0.102*"/>
   495     				<RowDefinition Height="0.151*"/>
   168     			</Grid.RowDefinitions>
   496     			</Grid.RowDefinitions>
   169     			<Grid.ColumnDefinitions>
   497     			<Grid.ColumnDefinitions>
   170     				<ColumnDefinition Width="0.912*"/>
   498     				<ColumnDefinition Width="0.917*"/>
   171     				<ColumnDefinition Width="0.088*"/>
   499     				<ColumnDefinition Width="0.083*"/>
   172     			</Grid.ColumnDefinitions>
   500     			</Grid.ColumnDefinitions>
   173     			<FingersDance_Control_Player:UserControlInfoUser Margin="0,-0.498,0,11.298" x:Name="usercontrolInfoUser" Grid.Column="0" Grid.Row="1" Height="30"/>
   501     			<FingersDance_Control_Player:UserControlInfoUser Margin="0,-0.425,-0.465,0" x:Name="usercontrolInfoUser" Grid.Column="0" Grid.Row="1" Height="30" VerticalAlignment="Top"/>
   174     			<MediaElement x:Name="MediaElementVideo" MediaOpened="MediaElementVideo_MediaOpened" Stretch="Fill" ScrubbingEnabled="False" StretchDirection="Both" Grid.Column="0" Grid.Row="0" />
   502     			<MediaElement x:Name="MediaElementVideo" MediaOpened="MediaElementVideo_MediaOpened" Stretch="Fill" ScrubbingEnabled="False" StretchDirection="Both" Grid.Column="0" Grid.Row="0" Margin="0,0,-0.465,-0.073" />
   175     			<StackPanel Opacity="1" Background="{x:Null}" x:Name="StackPanelAnnotation" Height="Auto" d:LayoutOverrides="Height" Margin="0,77,0,0" Grid.Column="1" Grid.Row="0">
   503     			<StackPanel Opacity="1" Background="{x:Null}" x:Name="StackPanelAnnotation" Height="Auto" d:LayoutOverrides="Height" Margin="0.465,77,-3.561,-0.074" Grid.Column="1" Grid.Row="0">
   176     				<Rectangle x:Name="rect1" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000" Margin="0.14,0"/>
   504     				<Rectangle x:Name="rect1" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000" Margin="0.14,0"/>
   177     				<Rectangle x:Name="rect2" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>
   505     				<Rectangle x:Name="rect2" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>
   178     				<Rectangle x:Name="rect3" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>
   506     				<Rectangle x:Name="rect3" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>
   179     				<Rectangle x:Name="rect4" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000" VerticalAlignment="Bottom"/>
   507     				<Rectangle x:Name="rect4" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000" VerticalAlignment="Bottom"/>
   180     			</StackPanel>
   508     			</StackPanel>
   181                 <GestureControl:GestureControl HorizontalAlignment="Stretch" x:Name="gestureControl" VerticalAlignment="Stretch" Content="" Grid.Row="0" GestureEvent="GestureDetected"/>
   509                 <GestureControl:GestureControl HorizontalAlignment="Stretch" x:Name="gestureControl" VerticalAlignment="Stretch" Content="" Grid.Row="0" GestureEvent="GestureDetected" Margin="0,0,-0.465,-0.073"/>
       
   510                 <Custom:SurfaceRadioButton x:Name="AnnotationButton" ContactLeave="AnnotationButton_ContactLeave" HorizontalAlignment="Left" Margin="0,29.575,0,4.297" Width="3" Height="1" Content="SurfaceRadioButton" Style="{DynamicResource SurfaceRadioButtonStyle1}" Grid.Row="1"/>
       
   511                 <Label x:Name="AnnotationLabel" Margin="30,29.575,0,0" Content="" Foreground="White" HorizontalAlignment="Left" Width="203" Grid.Row="1" VerticalAlignment="Top" Height="30"/>
   182     		</Grid>
   512     		</Grid>
   183     	</Viewbox>
   513     	</Viewbox>
   184     </Grid>
   514     </Grid>
   185  </UserControl>
   515  </UserControl>