src/FingersDance.Control.Pivot/UserControlPivot.xaml
changeset 87 68f4c0d7a7fc
parent 77 e95e916eb018
child 92 3a0b48be34bd
equal deleted inserted replaced
84:067f4a6c0cca 87:68f4c0d7a7fc
     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: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.Pivot.UserControlPivot"
     8 	x:Class="FingersDance.Control.Pivot.UserControlPivot"
     8 	x:Name="UserControl" Width="90" Height="90" xmlns:Custom="http://schemas.microsoft.com/surface/2008">
     9 	x:Name="UserControl" Width="90" Height="90">
     9 	<UserControl.Resources>
    10 	<UserControl.Resources>
    10 		<ResourceDictionary>
    11 		<ResourceDictionary>
    11 			<ResourceDictionary.MergedDictionaries>
    12 			<ResourceDictionary.MergedDictionaries>
    12 				<ResourceDictionary Source="FingersDance.Control.Pivot.Ressource.xaml"/>
    13 				<ResourceDictionary Source="FingersDance.Control.Pivot.Ressource.xaml"/>
    13 			</ResourceDictionary.MergedDictionaries>
    14 			</ResourceDictionary.MergedDictionaries>
       
    15 			<Style x:Key="FingersDance.Pivot.Button" TargetType="{x:Type Custom:SurfaceButton}">
       
    16 				<Style.BasedOn>
       
    17 					<Style TargetType="{x:Type ButtonBase}">
       
    18 						<Setter Property="SnapsToDevicePixels" Value="True"/>
       
    19 						<Setter Property="FocusVisualStyle">
       
    20 							<Setter.Value>
       
    21 								<Style>
       
    22 									<Setter Property="Control.Template">
       
    23 										<Setter.Value>
       
    24 											<ControlTemplate/>
       
    25 										</Setter.Value>
       
    26 									</Setter>
       
    27 								</Style>
       
    28 							</Setter.Value>
       
    29 						</Setter>
       
    30 						<Setter Property="FontFamily" Value="Segoe UI"/>
       
    31 						<Setter Property="FontSize" Value="10"/>
       
    32 						<Setter Property="Foreground" Value="Black"/>
       
    33 						<Setter Property="Background" Value="#33A4B4BD"/>
       
    34 						<Setter Property="BorderBrush">
       
    35 							<Setter.Value>
       
    36 								<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
       
    37 									<GradientStop Color="#7FFFFFFF" Offset="0"/>
       
    38 									<GradientStop Color="#0CFFFFFF" Offset="1"/>
       
    39 								</LinearGradientBrush>
       
    40 							</Setter.Value>
       
    41 						</Setter>
       
    42 						<Setter Property="BorderThickness" Value="1"/>
       
    43 						<Setter Property="HorizontalContentAlignment" Value="Center"/>
       
    44 						<Setter Property="VerticalContentAlignment" Value="Center"/>
       
    45 						<Setter Property="Padding" Value="15,6"/>
       
    46 						<Setter Property="IsTabStop" Value="False"/>
       
    47 						<Setter Property="Focusable" Value="False"/>
       
    48 						<Setter Property="MinWidth" Value="30"/>
       
    49 						<Setter Property="MinHeight" Value="30"/>
       
    50 						<Setter Property="Template">
       
    51 							<Setter.Value>
       
    52 								<ControlTemplate TargetType="{x:Type ButtonBase}">
       
    53 									<ControlTemplate.Resources>
       
    54 										<Storyboard x:Key="Press">
       
    55 											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
    56 												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
    57 											</DoubleAnimationUsingKeyFrames>
       
    58 											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
    59 												<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
       
    60 											</ThicknessAnimationUsingKeyFrames>
       
    61 										</Storyboard>
       
    62 										<Storyboard x:Key="Release">
       
    63 											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
    64 												<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
    65 												<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
    66 											</DoubleAnimationUsingKeyFrames>
       
    67 											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
    68 												<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
       
    69 												<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
       
    70 											</ThicknessAnimationUsingKeyFrames>
       
    71 										</Storyboard>
       
    72 									</ControlTemplate.Resources>
       
    73 									<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
       
    74 										<Border x:Name="Shadow" Margin="1,1,1,0" BorderBrush="{x:Null}" BorderThickness="0,0,0,1" CornerRadius="6" Padding="1"/>
       
    75 										<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" StrokeThickness="1" RadiusX="5" RadiusY="5" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Stroke="{x:Null}"/>
       
    76 										<Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="4" RadiusY="4" Margin="2" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Fill="{x:Null}"/>
       
    77 										<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Margin="1" Opacity="0" Color="White" CornerRadius="4"/>
       
    78 										<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}">
       
    79 											<ContentPresenter.RenderTransform>
       
    80 												<TranslateTransform X="0" Y="-1"/>
       
    81 											</ContentPresenter.RenderTransform>
       
    82 										</ContentPresenter>
       
    83 									</Grid>
       
    84 									<ControlTemplate.Triggers>
       
    85 										<Trigger Property="IsPressed" Value="True">
       
    86 											<Trigger.EnterActions>
       
    87 												<BeginStoryboard>
       
    88 													<Storyboard>
       
    89 														<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
    90 															<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
       
    91 														</DoubleAnimationUsingKeyFrames>
       
    92 														<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
    93 															<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
       
    94 														</ThicknessAnimationUsingKeyFrames>
       
    95 													</Storyboard>
       
    96 												</BeginStoryboard>
       
    97 											</Trigger.EnterActions>
       
    98 											<Trigger.ExitActions>
       
    99 												<BeginStoryboard>
       
   100 													<Storyboard>
       
   101 														<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
       
   102 															<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
       
   103 															<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
       
   104 														</DoubleAnimationUsingKeyFrames>
       
   105 														<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
       
   106 															<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
       
   107 															<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
       
   108 														</ThicknessAnimationUsingKeyFrames>
       
   109 													</Storyboard>
       
   110 												</BeginStoryboard>
       
   111 											</Trigger.ExitActions>
       
   112 										</Trigger>
       
   113 										<Trigger Property="IsEnabled" Value="True"/>
       
   114 										<Trigger Property="IsEnabled" Value="False">
       
   115 											<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
       
   116 											<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
       
   117 											<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
       
   118 											<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
       
   119 											<Setter Property="Foreground" Value="#A5333333"/>
       
   120 											<Setter Property="Background" Value="Transparent"/>
       
   121 										</Trigger>
       
   122 									</ControlTemplate.Triggers>
       
   123 								</ControlTemplate>
       
   124 							</Setter.Value>
       
   125 						</Setter>
       
   126 					</Style>
       
   127 				</Style.BasedOn>
       
   128 			</Style>
    14 		</ResourceDictionary>
   129 		</ResourceDictionary>
    15 	</UserControl.Resources>
   130 	</UserControl.Resources>
    16 	<Grid>
   131 	<Grid>
    17 		<Grid.RowDefinitions>
   132 		<Grid.RowDefinitions>
    18 			<RowDefinition Height="0.501*"/>
   133 			<RowDefinition Height="0.501*"/>
    20 		</Grid.RowDefinitions>
   135 		</Grid.RowDefinitions>
    21 		<Grid.ColumnDefinitions>
   136 		<Grid.ColumnDefinitions>
    22 			<ColumnDefinition Width="0.506*"/>
   137 			<ColumnDefinition Width="0.506*"/>
    23 			<ColumnDefinition Width="0.494*"/>
   138 			<ColumnDefinition Width="0.494*"/>
    24 		</Grid.ColumnDefinitions>
   139 		</Grid.ColumnDefinitions>
    25 		<Ellipse Stroke="#FFFFFFFF" Grid.ColumnSpan="2" Grid.RowSpan="2" StrokeThickness="0.5" Fill="#FF000000" Margin="0.462,0,-0.462,0"/>
   140 		<Ellipse Stroke="#FFFFFFFF" Grid.ColumnSpan="2" Grid.RowSpan="2" StrokeThickness="0.5" Fill="#FF706868" Margin="0.462,0,-0.462,0"/>
    26 		<Custom:SurfaceButton BorderThickness="0,0,0,0" x:Name="SurfaceButtonPlayer1" Content="" Background="{DynamicResource Color_8_#230FD2_xaml}" ContactDown="SurfaceButtonPlayer1_ContactDown" Click="SurfaceButtonPlayer1_Click" Margin="10.377,11.057,6.827,5.11"/>
   141 		<Custom:SurfaceButton BorderThickness="0,0,0,0" x:Name="SurfaceButtonPlayer1" Content="" Background="{DynamicResource Color_9_#0096FF__xaml}" ContactDown="SurfaceButtonPlayer1_ContactDown" Click="SurfaceButtonPlayer1_Click" Margin="2.303,1.451,2.236,0.639" Width="41" Height="43" Style="{DynamicResource FingersDance.Pivot.Button}"/>
    27 		<Custom:SurfaceButton Content="" x:Name="SurfaceButtonPlayer2" Grid.Column="1" RenderTransformOrigin="0.5,0.5" Background="{DynamicResource Color_4_#FF0000_xaml}" ContactDown="SurfaceButtonPlayer2_ContactDown" Click="SurfaceButtonPlayer2_Click" Margin="6.335,11.235,9.272,4.932">
   142 		<Custom:SurfaceButton Content="" x:Name="SurfaceButtonPlayer2" Grid.Column="1" RenderTransformOrigin="0.5,0.5" Background="{DynamicResource Color_4_#FF0000_xaml}" ContactDown="SurfaceButtonPlayer2_ContactDown" Click="SurfaceButtonPlayer2_Click" Margin="2.501,1.451,1.248,0.439" Width="41" Height="43" Style="{DynamicResource FingersDance.Pivot.Button}">
    28 			<Custom:SurfaceButton.RenderTransform>
   143 			<Custom:SurfaceButton.RenderTransform>
    29 				<TransformGroup>
   144 				<TransformGroup>
    30 					<ScaleTransform ScaleX="-1" ScaleY="1"/>
   145 					<ScaleTransform ScaleX="-1" ScaleY="1"/>
    31 					<SkewTransform AngleX="0" AngleY="0"/>
   146 					<SkewTransform AngleX="0" AngleY="0"/>
    32 					<RotateTransform Angle="0"/>
   147 					<RotateTransform Angle="0"/>
    33 					<TranslateTransform X="0" Y="0"/>
   148 					<TranslateTransform X="0" Y="0"/>
    34 				</TransformGroup>
   149 				</TransformGroup>
    35 			</Custom:SurfaceButton.RenderTransform>
   150 			</Custom:SurfaceButton.RenderTransform>
    36 		</Custom:SurfaceButton>
   151 		</Custom:SurfaceButton>
    37 		<Custom:SurfaceButton Content="" x:Name="SurfaceButtonPlayer3" Grid.Row="1" RenderTransformOrigin="0.5,0.5" Background="{DynamicResource Color_12_#00C800_xaml}" ContactDown="SurfaceButtonPlayer3_ContactDown" Click="SurfaceButtonPlayer3_Click" Margin="10.04,4.107,6.527,11.888" >
   152 		<Custom:SurfaceButton Content="" x:Name="SurfaceButtonPlayer3" Grid.Row="1" RenderTransformOrigin="0.5,0.5" Background="{DynamicResource Color_12_#00C800_xaml}" ContactDown="SurfaceButtonPlayer3_ContactDown" Click="SurfaceButtonPlayer3_Click" Margin="2.303,0.593,2.167,1.317" Width="41" Height="43" Style="{DynamicResource FingersDance.Pivot.Button}" Foreground="{x:Null}" >
    38 			<Custom:SurfaceButton.RenderTransform>
   153 			<Custom:SurfaceButton.RenderTransform>
    39 				<TransformGroup>
   154 				<TransformGroup>
    40 					<ScaleTransform ScaleX="1" ScaleY="-1"/>
   155 					<ScaleTransform ScaleX="1" ScaleY="-1"/>
    41 					<SkewTransform AngleX="0" AngleY="0"/>
   156 					<SkewTransform AngleX="0" AngleY="0"/>
    42 					<RotateTransform Angle="0"/>
   157 					<RotateTransform Angle="0"/>
    43 					<TranslateTransform X="0" Y="0"/>
   158 					<TranslateTransform X="0" Y="0"/>
    44 				</TransformGroup>
   159 				</TransformGroup>
    45 			</Custom:SurfaceButton.RenderTransform>
   160 			</Custom:SurfaceButton.RenderTransform>
    46 		</Custom:SurfaceButton>
   161 		</Custom:SurfaceButton>
    47 		<Custom:SurfaceButton Content=""  Grid.Row="1" Grid.Column="1" x:Name="SurfaceButtonPlayer4" RenderTransformOrigin="0.5,0.5" Background="{DynamicResource Color_2_#FFC800_xaml}" ContactDown="SurfaceButtonPlayer4_ContactDown" Click="SurfaceButtonPlayer4_Click" Margin="6.365,3.685,7.938,12.539">
   162 		<Custom:SurfaceButton Content=""  Grid.Row="1" Grid.Column="1" x:Name="SurfaceButtonPlayer4" RenderTransformOrigin="0.5,0.5" Background="{DynamicResource Color_2_#FFC800_xaml}" ContactDown="SurfaceButtonPlayer4_ContactDown" Click="SurfaceButtonPlayer4_Click" Margin="2.212,0.809,1.248,1.317" Style="{DynamicResource FingersDance.Pivot.Button}" Width="41" Height="43">
    48 			<Custom:SurfaceButton.RenderTransform>
   163 			<Custom:SurfaceButton.RenderTransform>
    49 				<TransformGroup>
   164 				<TransformGroup>
    50 					<ScaleTransform ScaleX="-1" ScaleY="-1"/>
   165 					<ScaleTransform ScaleX="-1" ScaleY="-1"/>
    51 					<SkewTransform AngleX="0" AngleY="0"/>
   166 					<SkewTransform AngleX="0" AngleY="0"/>
    52 					<RotateTransform Angle="0"/>
   167 					<RotateTransform Angle="0"/>
    53 					<TranslateTransform X="0" Y="0"/>
   168 					<TranslateTransform X="0" Y="0"/>
    54 				</TransformGroup>
   169 				</TransformGroup>
    55 			</Custom:SurfaceButton.RenderTransform>
   170 			</Custom:SurfaceButton.RenderTransform>
    56 		</Custom:SurfaceButton>
   171 		</Custom:SurfaceButton>
    57 		<Ellipse Height="25" HorizontalAlignment="Left" VerticalAlignment="Top" Width="25" Margin="-12.479,-12.358,0,0" Grid.Row="1" StrokeThickness="0.5" Grid.Column="1">
   172 		<Ellipse Margin="0,0,-19,-19" StrokeThickness="0.5" Fill="#FF706868" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="40.655" Height="40.335"/>
    58 			<Ellipse.Fill>
       
    59 				<RadialGradientBrush>
       
    60 					<GradientStop Color="#FF000000" Offset="0.788"/>
       
    61 					<GradientStop Color="#FFFFFFFF" Offset="0"/>
       
    62 				</RadialGradientBrush>
       
    63 			</Ellipse.Fill>
       
    64 			<Ellipse.Stroke>
       
    65 				<RadialGradientBrush>
       
    66 					<GradientStop Color="#FF8A8888" Offset="0"/>
       
    67 					<GradientStop Color="#FFFFFFFF" Offset="1"/>
       
    68 				</RadialGradientBrush>
       
    69 			</Ellipse.Stroke>
       
    70 		</Ellipse>
       
    71 	</Grid>
   173 	</Grid>
    72 </UserControl>
   174 </UserControl>