src/FingersDance.Control.Menu/UserControlMenu.xaml
changeset 68 5f547156bda6
parent 66 3de4c1346bf4
child 81 6b991b7e8046
equal deleted inserted replaced
67:70cca06f0a32 68:5f547156bda6
     1 <UserControl
     1 <UserControl
     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     xmlns:Custom="http://schemas.microsoft.com/surface/2008"
     6 	mc:Ignorable="d"
     7 	mc:Ignorable="d"
     7 	x:Class="FingersDance.Control.Menu.UserControlMenu"
     8 	x:Class="FingersDance.Control.Menu.UserControlMenu"
     8 	x:Name="UserControl"
     9 	x:Name="UserControl"
     9 	Width="245" Height="Auto" xmlns:Custom="http://schemas.microsoft.com/surface/2008">
    10 	Width="245" Height="Auto" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic">
    10 
    11 
    11     <StackPanel x:Name="LayoutRoot" Width="Auto" Height="Auto">
    12     <UserControl.Resources>
    12         <StackPanel.Background>
    13         <Style x:Key="FingersDanceAnnotationButtonNiveau1" TargetType="{x:Type Custom:SurfaceButton}">
    13             <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    14             <Style.BasedOn>
    14                 <GradientStop Color="#FF000000" Offset="0"/>
    15                 <Style TargetType="{x:Type ButtonBase}">
    15                 <GradientStop Color="#FF444444" Offset="0.991"/>
    16                     <Setter Property="SnapsToDevicePixels" Value="True"/>
    16                 <GradientStop Color="#FF757575" Offset="0.906"/>
    17                     <Setter Property="FocusVisualStyle">
    17                 <GradientStop Color="#FF414141" Offset="0.772"/>
    18                         <Setter.Value>
    18             </LinearGradientBrush>
    19                             <Style>
    19         </StackPanel.Background>
    20                                 <Setter Property="Control.Template">
       
    21                                     <Setter.Value>
       
    22                                         <ControlTemplate/>
       
    23                                     </Setter.Value>
       
    24                                 </Setter>
       
    25                             </Style>
       
    26                         </Setter.Value>
       
    27                     </Setter>
       
    28                     <Setter Property="FontFamily" Value="Segoe UI"/>
       
    29                     <Setter Property="FontSize" Value="14"/>
       
    30                     <Setter Property="Foreground" Value="#DEE2E6"/>
       
    31                     <Setter Property="Background" Value="#33A4B4BD"/>
       
    32                     <Setter Property="BorderBrush">
       
    33                         <Setter.Value>
       
    34                             <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
    35                                 <GradientStop Color="#7FFFFFFF" Offset="0"/>
       
    36                                 <GradientStop Color="#0CFFFFFF" Offset="1"/>
       
    37                             </LinearGradientBrush>
       
    38                         </Setter.Value>
       
    39                     </Setter>
       
    40                     <Setter Property="BorderThickness" Value="1,1,1,1"/>
       
    41                     <Setter Property="HorizontalContentAlignment" Value="Left"/>
       
    42                     <Setter Property="VerticalContentAlignment" Value="Center"/>
       
    43                     <Setter Property="Padding" Value="15,6,15,6"/>
       
    44                     <Setter Property="IsTabStop" Value="False"/>
       
    45                     <Setter Property="Focusable" Value="False"/>
       
    46                     <Setter Property="MinWidth" Value="30"/>
       
    47                     <Setter Property="MinHeight" Value="30"/>
       
    48                     <Setter Property="Template">
       
    49                         <Setter.Value>
       
    50                             <ControlTemplate TargetType="{x:Type ButtonBase}">
       
    51                                 <ControlTemplate.Resources>
       
    52                                     <Storyboard x:Key="Press">
       
    53                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
    54                                             <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
    55                                         </DoubleAnimationUsingKeyFrames>
       
    56                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
    57                                             <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
    58                                         </ThicknessAnimationUsingKeyFrames>
       
    59                                     </Storyboard>
       
    60                                     <Storyboard x:Key="Release">
       
    61                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
    62                                             <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
    63                                             <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
    64                                         </DoubleAnimationUsingKeyFrames>
       
    65                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
    66                                             <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
    67                                             <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
    68                                         </ThicknessAnimationUsingKeyFrames>
       
    69                                     </Storyboard>
       
    70                                 </ControlTemplate.Resources>
       
    71                                 <Grid SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" x:Name="Grid">
       
    72                                     <Border Margin="1,1,1,0" x:Name="Shadow" BorderBrush="{x:Null}" BorderThickness="0,0,0,1" CornerRadius="6,6,6,6" Padding="1,1,1,1"/>
       
    73                                     <Rectangle Stroke="{x:Null}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="1,1,1,1" x:Name="Base" StrokeThickness="1" RadiusX="5" RadiusY="5"/>
       
    74                                     <Rectangle Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="2,2,2,2" x:Name="RenderOverlay" StrokeThickness="1" RadiusX="4" RadiusY="4"/>
       
    75                                     <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome Opacity="0" Margin="1,1,1,1" x:Name="Glow" Color="#FFFFFFFF" CornerRadius="4,4,4,4"/>
       
    76                                     <ContentPresenter OpacityMask="#FFB0A4A4" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="Content" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
       
    77                                         <ContentPresenter.RenderTransform>
       
    78                                             <TranslateTransform X="0" Y="-1"/>
       
    79                                         </ContentPresenter.RenderTransform>
       
    80                                     </ContentPresenter>
       
    81                                 </Grid>
       
    82                                 <ControlTemplate.Triggers>
       
    83                                     <Trigger Property="IsPressed" Value="True">
       
    84                                         <Trigger.EnterActions>
       
    85                                             <BeginStoryboard>
       
    86                                                 <Storyboard>
       
    87                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
    88                                                         <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
    89                                                     </DoubleAnimationUsingKeyFrames>
       
    90                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
    91                                                         <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
    92                                                     </ThicknessAnimationUsingKeyFrames>
       
    93                                                 </Storyboard>
       
    94                                             </BeginStoryboard>
       
    95                                         </Trigger.EnterActions>
       
    96                                         <Trigger.ExitActions>
       
    97                                             <BeginStoryboard>
       
    98                                                 <Storyboard>
       
    99                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   100                                                         <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   101                                                         <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   102                                                     </DoubleAnimationUsingKeyFrames>
       
   103                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   104                                                         <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   105                                                         <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   106                                                     </ThicknessAnimationUsingKeyFrames>
       
   107                                                 </Storyboard>
       
   108                                             </BeginStoryboard>
       
   109                                         </Trigger.ExitActions>
       
   110                                     </Trigger>
       
   111                                     <Trigger Property="IsEnabled" Value="True"/>
       
   112                                     <Trigger Property="IsEnabled" Value="False">
       
   113                                         <Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
       
   114                                         <Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
       
   115                                         <Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
       
   116                                         <Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
       
   117                                         <Setter Property="Foreground" Value="#A5333333"/>
       
   118                                         <Setter Property="Background" Value="#00FFFFFF"/>
       
   119                                     </Trigger>
       
   120                                 </ControlTemplate.Triggers>
       
   121                             </ControlTemplate>
       
   122                         </Setter.Value>
       
   123                     </Setter>
       
   124                 </Style>
       
   125             </Style.BasedOn>
       
   126         </Style>
       
   127         <Style x:Key="FingersDanceAnnotationButtonNiveau2" TargetType="{x:Type Custom:SurfaceButton}">
       
   128             <Style.BasedOn>
       
   129                 <Style TargetType="{x:Type ButtonBase}">
       
   130                     <Setter Property="SnapsToDevicePixels" Value="True"/>
       
   131                     <Setter Property="FocusVisualStyle">
       
   132                         <Setter.Value>
       
   133                             <Style>
       
   134                                 <Setter Property="Control.Template">
       
   135                                     <Setter.Value>
       
   136                                         <ControlTemplate/>
       
   137                                     </Setter.Value>
       
   138                                 </Setter>
       
   139                             </Style>
       
   140                         </Setter.Value>
       
   141                     </Setter>
       
   142                     <Setter Property="FontFamily" Value="Segoe UI"/>
       
   143                     <Setter Property="FontSize" Value="12"/>
       
   144                     <Setter Property="Foreground" Value="#FFFFFF"/>
       
   145                     <Setter Property="Background" Value="#33A4B4BD"/>
       
   146                     <Setter Property="BorderBrush">
       
   147                         <Setter.Value>
       
   148                             <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
   149                                 <GradientStop Color="#7FFFFFFF" Offset="0"/>
       
   150                                 <GradientStop Color="#0CFFFFFF" Offset="1"/>
       
   151                             </LinearGradientBrush>
       
   152                         </Setter.Value>
       
   153                     </Setter>
       
   154                     <Setter Property="BorderThickness" Value="1,1,1,1"/>
       
   155                     <Setter Property="HorizontalContentAlignment" Value="Left"/>
       
   156                     <Setter Property="VerticalContentAlignment" Value="Center"/>
       
   157                     <Setter Property="Padding" Value="30,6,15,6"/>
       
   158                     <Setter Property="IsTabStop" Value="False"/>
       
   159                     <Setter Property="Focusable" Value="False"/>
       
   160                     <Setter Property="MinWidth" Value="30"/>
       
   161                     <Setter Property="MinHeight" Value="30"/>
       
   162                     <Setter Property="Template">
       
   163                         <Setter.Value>
       
   164                             <ControlTemplate TargetType="{x:Type ButtonBase}">
       
   165                                 <ControlTemplate.Resources>
       
   166                                     <Storyboard x:Key="Press">
       
   167                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   168                                             <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   169                                         </DoubleAnimationUsingKeyFrames>
       
   170                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   171                                             <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
   172                                         </ThicknessAnimationUsingKeyFrames>
       
   173                                     </Storyboard>
       
   174                                     <Storyboard x:Key="Release">
       
   175                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   176                                             <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   177                                             <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   178                                         </DoubleAnimationUsingKeyFrames>
       
   179                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   180                                             <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   181                                             <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   182                                         </ThicknessAnimationUsingKeyFrames>
       
   183                                     </Storyboard>
       
   184                                 </ControlTemplate.Resources>
       
   185                                 <Grid SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" x:Name="Grid">
       
   186                                     <Border Margin="1,1,1,0" x:Name="Shadow" BorderBrush="{x:Null}" BorderThickness="0,0,0,1" CornerRadius="6,6,6,6" Padding="1,1,1,1"/>
       
   187                                     <Rectangle Stroke="{x:Null}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="1,1,1,1" x:Name="Base" StrokeThickness="1" RadiusX="5" RadiusY="5"/>
       
   188                                     <Rectangle Fill="{x:Null}" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="2,2,2,2" x:Name="RenderOverlay" StrokeThickness="1" RadiusX="4" RadiusY="4"/>
       
   189                                     <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome Opacity="0" Margin="1,1,1,1" x:Name="Glow" Color="#FFFFFFFF" CornerRadius="4,4,4,4"/>
       
   190                                     <ContentPresenter RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="Content" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
       
   191                                         <ContentPresenter.RenderTransform>
       
   192                                             <TranslateTransform X="0" Y="-1"/>
       
   193                                         </ContentPresenter.RenderTransform>
       
   194                                     </ContentPresenter>
       
   195                                 </Grid>
       
   196                                 <ControlTemplate.Triggers>
       
   197                                     <Trigger Property="IsPressed" Value="True">
       
   198                                         <Trigger.EnterActions>
       
   199                                             <BeginStoryboard>
       
   200                                                 <Storyboard>
       
   201                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   202                                                         <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   203                                                     </DoubleAnimationUsingKeyFrames>
       
   204                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   205                                                         <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
   206                                                     </ThicknessAnimationUsingKeyFrames>
       
   207                                                 </Storyboard>
       
   208                                             </BeginStoryboard>
       
   209                                         </Trigger.EnterActions>
       
   210                                         <Trigger.ExitActions>
       
   211                                             <BeginStoryboard>
       
   212                                                 <Storyboard>
       
   213                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   214                                                         <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   215                                                         <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   216                                                     </DoubleAnimationUsingKeyFrames>
       
   217                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   218                                                         <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   219                                                         <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   220                                                     </ThicknessAnimationUsingKeyFrames>
       
   221                                                 </Storyboard>
       
   222                                             </BeginStoryboard>
       
   223                                         </Trigger.ExitActions>
       
   224                                     </Trigger>
       
   225                                     <Trigger Property="IsEnabled" Value="True"/>
       
   226                                     <Trigger Property="IsEnabled" Value="False">
       
   227                                         <Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
       
   228                                         <Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
       
   229                                         <Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
       
   230                                         <Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
       
   231                                         <Setter Property="Foreground" Value="#A5333333"/>
       
   232                                         <Setter Property="Background" Value="#00FFFFFF"/>
       
   233                                     </Trigger>
       
   234                                 </ControlTemplate.Triggers>
       
   235                             </ControlTemplate>
       
   236                         </Setter.Value>
       
   237                     </Setter>
       
   238                 </Style>
       
   239             </Style.BasedOn>
       
   240         </Style>
       
   241         <Style x:Key="FingersDanceAnnotationButtonNiveau3" TargetType="{x:Type Custom:SurfaceButton}">
       
   242             <Style.BasedOn>
       
   243                 <Style TargetType="{x:Type ButtonBase}">
       
   244                     <Setter Property="SnapsToDevicePixels" Value="True"/>
       
   245                     <Setter Property="FocusVisualStyle">
       
   246                         <Setter.Value>
       
   247                             <Style>
       
   248                                 <Setter Property="Control.Template">
       
   249                                     <Setter.Value>
       
   250                                         <ControlTemplate/>
       
   251                                     </Setter.Value>
       
   252                                 </Setter>
       
   253                             </Style>
       
   254                         </Setter.Value>
       
   255                     </Setter>
       
   256                     <Setter Property="FontFamily" Value="Segoe UI"/>
       
   257                     <Setter Property="FontSize" Value="11"/>
       
   258                     <Setter Property="Foreground" Value="#949483"/>
       
   259                     <Setter Property="Background" Value="#33A4B4BD"/>
       
   260                     <Setter Property="BorderBrush">
       
   261                         <Setter.Value>
       
   262                             <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
   263                                 <GradientStop Color="#7FFFFFFF" Offset="0"/>
       
   264                                 <GradientStop Color="#0CFFFFFF" Offset="1"/>
       
   265                             </LinearGradientBrush>
       
   266                         </Setter.Value>
       
   267                     </Setter>
       
   268                     <Setter Property="BorderThickness" Value="1,1,1,1"/>
       
   269                     <Setter Property="HorizontalContentAlignment" Value="Left"/>
       
   270                     <Setter Property="VerticalContentAlignment" Value="Center"/>
       
   271                     <Setter Property="Padding" Value="45,6,15,6"/>
       
   272                     <Setter Property="IsTabStop" Value="False"/>
       
   273                     <Setter Property="Focusable" Value="False"/>
       
   274                     <Setter Property="MinWidth" Value="30"/>
       
   275                     <Setter Property="MinHeight" Value="30"/>
       
   276                     <Setter Property="Template">
       
   277                         <Setter.Value>
       
   278                             <ControlTemplate TargetType="{x:Type ButtonBase}">
       
   279                                 <ControlTemplate.Resources>
       
   280                                     <Storyboard x:Key="Press">
       
   281                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   282                                             <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   283                                         </DoubleAnimationUsingKeyFrames>
       
   284                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   285                                             <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
   286                                         </ThicknessAnimationUsingKeyFrames>
       
   287                                     </Storyboard>
       
   288                                     <Storyboard x:Key="Release">
       
   289                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   290                                             <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   291                                             <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   292                                         </DoubleAnimationUsingKeyFrames>
       
   293                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   294                                             <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   295                                             <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   296                                         </ThicknessAnimationUsingKeyFrames>
       
   297                                     </Storyboard>
       
   298                                 </ControlTemplate.Resources>
       
   299                                 <Grid SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" x:Name="Grid">
       
   300                                     <Border Margin="1,1,1,0" x:Name="Shadow" BorderThickness="0,0,0,1" CornerRadius="6,6,6,6" Padding="1,1,1,1"/>
       
   301                                     <Rectangle Stroke="{x:Null}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="1,1,1,1" x:Name="Base" StrokeThickness="1" RadiusX="5" RadiusY="5"/>
       
   302                                     <Rectangle Fill="{x:Null}" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="2,2,2,2" x:Name="RenderOverlay" StrokeThickness="1" RadiusX="4" RadiusY="4"/>
       
   303                                     <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome Opacity="0" Margin="1,1,1,1" x:Name="Glow" Color="#FFFFFFFF" CornerRadius="4,4,4,4"/>
       
   304                                     <ContentPresenter OpacityMask="{x:Null}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="Content" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
       
   305                                         <ContentPresenter.RenderTransform>
       
   306                                             <TranslateTransform X="0" Y="-1"/>
       
   307                                         </ContentPresenter.RenderTransform>
       
   308                                     </ContentPresenter>
       
   309                                 </Grid>
       
   310                                 <ControlTemplate.Triggers>
       
   311                                     <Trigger Property="IsPressed" Value="True">
       
   312                                         <Trigger.EnterActions>
       
   313                                             <BeginStoryboard>
       
   314                                                 <Storyboard>
       
   315                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   316                                                         <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   317                                                     </DoubleAnimationUsingKeyFrames>
       
   318                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   319                                                         <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
   320                                                     </ThicknessAnimationUsingKeyFrames>
       
   321                                                 </Storyboard>
       
   322                                             </BeginStoryboard>
       
   323                                         </Trigger.EnterActions>
       
   324                                         <Trigger.ExitActions>
       
   325                                             <BeginStoryboard>
       
   326                                                 <Storyboard>
       
   327                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   328                                                         <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   329                                                         <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   330                                                     </DoubleAnimationUsingKeyFrames>
       
   331                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   332                                                         <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   333                                                         <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   334                                                     </ThicknessAnimationUsingKeyFrames>
       
   335                                                 </Storyboard>
       
   336                                             </BeginStoryboard>
       
   337                                         </Trigger.ExitActions>
       
   338                                     </Trigger>
       
   339                                     <Trigger Property="IsEnabled" Value="True"/>
       
   340                                     <Trigger Property="IsEnabled" Value="False">
       
   341                                         <Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
       
   342                                         <Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
       
   343                                         <Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
       
   344                                         <Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
       
   345                                         <Setter Property="Foreground" Value="#A5333333"/>
       
   346                                         <Setter Property="Background" Value="#00FFFFFF"/>
       
   347                                     </Trigger>
       
   348                                 </ControlTemplate.Triggers>
       
   349                             </ControlTemplate>
       
   350                         </Setter.Value>
       
   351                     </Setter>
       
   352                 </Style>
       
   353             </Style.BasedOn>
       
   354         </Style>
       
   355         <Style x:Key="FingersDanceAnnotationButtonNiveau4" TargetType="{x:Type Custom:SurfaceButton}">
       
   356             <Style.BasedOn>
       
   357                 <Style TargetType="{x:Type ButtonBase}">
       
   358                     <Setter Property="SnapsToDevicePixels" Value="True"/>
       
   359                     <Setter Property="FocusVisualStyle">
       
   360                         <Setter.Value>
       
   361                             <Style>
       
   362                                 <Setter Property="Control.Template">
       
   363                                     <Setter.Value>
       
   364                                         <ControlTemplate/>
       
   365                                     </Setter.Value>
       
   366                                 </Setter>
       
   367                             </Style>
       
   368                         </Setter.Value>
       
   369                     </Setter>
       
   370                     <Setter Property="FontFamily" Value="Segoe UI"/>
       
   371                     <Setter Property="FontSize" Value="10"/>
       
   372                     <Setter Property="Foreground" Value="#50B7DC"/>
       
   373                     <Setter Property="Background" Value="#33A4B4BD"/>
       
   374                     <Setter Property="BorderBrush">
       
   375                         <Setter.Value>
       
   376                             <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
   377                                 <GradientStop Color="#7FFFFFFF" Offset="0"/>
       
   378                                 <GradientStop Color="#0CFFFFFF" Offset="1"/>
       
   379                             </LinearGradientBrush>
       
   380                         </Setter.Value>
       
   381                     </Setter>
       
   382                     <Setter Property="BorderThickness" Value="1,1,1,1"/>
       
   383                     <Setter Property="HorizontalContentAlignment" Value="Left"/>
       
   384                     <Setter Property="VerticalContentAlignment" Value="Center"/>
       
   385                     <Setter Property="Padding" Value="60,6,15,6"/>
       
   386                     <Setter Property="IsTabStop" Value="False"/>
       
   387                     <Setter Property="Focusable" Value="False"/>
       
   388                     <Setter Property="MinWidth" Value="30"/>
       
   389                     <Setter Property="MinHeight" Value="30"/>
       
   390                     <Setter Property="Template">
       
   391                         <Setter.Value>
       
   392                             <ControlTemplate TargetType="{x:Type ButtonBase}">
       
   393                                 <ControlTemplate.Resources>
       
   394                                     <Storyboard x:Key="Press">
       
   395                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   396                                             <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   397                                         </DoubleAnimationUsingKeyFrames>
       
   398                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   399                                             <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
   400                                         </ThicknessAnimationUsingKeyFrames>
       
   401                                     </Storyboard>
       
   402                                     <Storyboard x:Key="Release">
       
   403                                         <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   404                                             <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   405                                             <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   406                                         </DoubleAnimationUsingKeyFrames>
       
   407                                         <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   408                                             <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   409                                             <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   410                                         </ThicknessAnimationUsingKeyFrames>
       
   411                                     </Storyboard>
       
   412                                 </ControlTemplate.Resources>
       
   413                                 <Grid SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" x:Name="Grid">
       
   414                                     <Border Margin="1,1,1,0" x:Name="Shadow" BorderBrush="{x:Null}" BorderThickness="0,0,0,1" CornerRadius="6,6,6,6" Padding="1,1,1,1"/>
       
   415                                     <Rectangle SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="1,1,1,1" x:Name="Base" StrokeThickness="1" RadiusX="5" RadiusY="5" Stroke="{x:Null}"/>
       
   416                                     <Rectangle Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="2,2,2,2" x:Name="RenderOverlay" StrokeThickness="1" RadiusX="4" RadiusY="4" Fill="{x:Null}"/>
       
   417                                     <Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome Opacity="0" Margin="1,1,1,1" x:Name="Glow" Color="#FFFFFFFF" CornerRadius="4,4,4,4"/>
       
   418                                     <ContentPresenter RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="Content" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}" OpacityMask="{x:Null}">
       
   419                                         <ContentPresenter.RenderTransform>
       
   420                                             <TranslateTransform X="0" Y="-1"/>
       
   421                                         </ContentPresenter.RenderTransform>
       
   422                                     </ContentPresenter>
       
   423                                 </Grid>
       
   424                                 <ControlTemplate.Triggers>
       
   425                                     <Trigger Property="IsPressed" Value="True">
       
   426                                         <Trigger.EnterActions>
       
   427                                             <BeginStoryboard>
       
   428                                                 <Storyboard>
       
   429                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   430                                                         <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
   431                                                     </DoubleAnimationUsingKeyFrames>
       
   432                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   433                                                         <SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3,-3,-3,-3"/>
       
   434                                                     </ThicknessAnimationUsingKeyFrames>
       
   435                                                 </Storyboard>
       
   436                                             </BeginStoryboard>
       
   437                                         </Trigger.EnterActions>
       
   438                                         <Trigger.ExitActions>
       
   439                                             <BeginStoryboard>
       
   440                                                 <Storyboard>
       
   441                                                     <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   442                                                         <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   443                                                         <SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   444                                                     </DoubleAnimationUsingKeyFrames>
       
   445                                                     <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   446                                                         <SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3,-3,-3,-3"/>
       
   447                                                         <SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1,1,1,1"/>
       
   448                                                     </ThicknessAnimationUsingKeyFrames>
       
   449                                                 </Storyboard>
       
   450                                             </BeginStoryboard>
       
   451                                         </Trigger.ExitActions>
       
   452                                     </Trigger>
       
   453                                     <Trigger Property="IsEnabled" Value="True"/>
       
   454                                     <Trigger Property="IsEnabled" Value="False">
       
   455                                         <Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
       
   456                                         <Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
       
   457                                         <Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
       
   458                                         <Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
       
   459                                         <Setter Property="Foreground" Value="#A5333333"/>
       
   460                                         <Setter Property="Background" Value="#00FFFFFF"/>
       
   461                                     </Trigger>
       
   462                                 </ControlTemplate.Triggers>
       
   463                             </ControlTemplate>
       
   464                         </Setter.Value>
       
   465                     </Setter>
       
   466                 </Style>
       
   467             </Style.BasedOn>
       
   468         </Style>
       
   469     </UserControl.Resources>
    20 
   470 
    21 
   471     <StackPanel x:Name="LayoutRoot" Width="Auto" Height="Auto" Background="{x:Null}">
    22 
       
    23 
       
    24 
   472 
    25     </StackPanel>
   473     </StackPanel>
    26 </UserControl>
   474 </UserControl>