|
65 | 65 | PathData="M 0,0 0.8583455,0.8598959 0,1.7197917 h 0.3813721 l 0.6676595,-0.668693 0.6676595,0.668693 h 0.381372 L 1.2397176,0.8598959 2.0980631,0 H 1.7166911 L 1.0490316,0.6686931 0.3813721,0 Z"/> |
66 | 66 | </StackPanel> |
67 | 67 |
|
68 | | - <Border Width="32" Height="32" Grid.RowSpan="2" Background="{StaticResource ZunePinkBrush}" IsHitTestVisible="False" |
69 | | - HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,110,0"> |
70 | | - <Path Fill="White" Data="M12.545,23.727C12.545,26.086 10.631,28 8.273,28C5.914,28 4,26.086 4,23.727C4,21.369 5.914,19.455 8.273,19.455L13.965,13.762C13.591,12.754 13.435,11.64 13.554,10.478C13.878,7.322 16.309,4.713 19.426,4.125C20.489,3.925 21.511,3.974 22.461,4.207C22.847,4.302 22.972,4.793 22.69,5.074L20.083,7.681C18.913,8.851 18.913,10.747 20.083,11.917C21.253,13.087 23.149,13.087 24.319,11.917L26.925,9.31C27.207,9.029 27.697,9.154 27.792,9.54C28.026,10.489 28.075,11.51 27.875,12.573C27.288,15.691 24.68,18.122 21.524,18.446C20.361,18.565 19.246,18.409 18.238,18.035L12.545,23.727ZM8.273,20.955C6.742,20.955 5.5,22.197 5.5,23.727C5.5,25.258 6.742,26.5 8.273,26.5C9.803,26.5 11.045,25.258 11.045,23.727C11.045,22.197 9.803,20.955 8.273,20.955ZM26.462,11.895L25.379,12.978C23.624,14.733 20.778,14.733 19.022,12.978C17.267,11.222 17.267,8.376 19.022,6.621L20.105,5.538C19.972,5.554 19.839,5.574 19.704,5.599C17.234,6.065 15.303,8.129 15.047,10.631C14.672,14.282 17.72,17.329 21.371,16.954C23.872,16.697 25.936,14.766 26.401,12.295C26.426,12.161 26.446,12.028 26.462,11.895Z"/> |
71 | | - </Border> |
| 68 | + <Button Grid.RowSpan="2" Width="36" Height="35" Margin="0,0,110,0" |
| 69 | + HorizontalAlignment="Right" VerticalAlignment="Top" |
| 70 | + WindowChrome.IsHitTestVisibleInChrome="True" Click="TileButton_Click"> |
| 71 | + <Button.Template> |
| 72 | + <ControlTemplate TargetType="Button"> |
| 73 | + <Grid> |
| 74 | + <Border Width="34" Height="34" VerticalAlignment="Top" HorizontalAlignment="Center" |
| 75 | + Background="{StaticResource ZunePinkBrush}"> |
| 76 | + <Path VerticalAlignment="Center" HorizontalAlignment="Center" |
| 77 | + Fill="White" Data="M8.545 19.727C8.545 22.086 6.631 24 4.273 24 1.914 24 0 22.086 0 19.727 0 17.369 1.914 15.455 4.273 15.455L9.965 9.762C9.591 8.754 9.435 7.64 9.554 6.478 9.878 3.322 12.309.713 15.426.125 16.489-.075 17.511-.026 18.461.207 18.847.302 18.972.793 18.69 1.074L16.083 3.681C14.913 4.851 14.913 6.747 16.083 7.917 17.253 9.087 19.149 9.087 20.319 7.917L22.925 5.31C23.207 5.029 23.697 5.154 23.792 5.54 24.026 6.489 24.075 7.51 23.875 8.573 23.288 11.691 20.68 14.122 17.524 14.446 16.361 14.565 15.246 14.409 14.238 14.035L8.545 19.727ZM4.273 16.955C2.742 16.955 1.5 18.197 1.5 19.727 1.5 21.258 2.742 22.5 4.273 22.5 5.803 22.5 7.045 21.258 7.045 19.727 7.045 18.197 5.803 16.955 4.273 16.955ZM22.462 7.895 21.379 8.978C19.624 10.733 16.778 10.733 15.022 8.978 13.267 7.222 13.267 4.376 15.022 2.621L16.105 1.538C15.972 1.554 15.839 1.574 15.704 1.599 13.234 2.065 11.303 4.129 11.047 6.631 10.672 10.282 13.72 13.329 17.371 12.954 19.872 12.697 21.936 10.766 22.401 8.295 22.426 8.161 22.446 8.028 22.462 7.895Z"/> |
| 78 | + </Border> |
| 79 | + <Border x:Name="TileHoverOverlay" Opacity="0" |
| 80 | + BorderBrush="#6E000000" BorderThickness="1,0,1,1"> |
| 81 | + <Border.Background> |
| 82 | + <RadialGradientBrush GradientOrigin="0.22,0.22" Center="0.22,0.22"> |
| 83 | + <GradientStop Color="#AD9C9C9C" Offset="0"/> |
| 84 | + <GradientStop Color="#73000000" Offset="1"/> |
| 85 | + </RadialGradientBrush> |
| 86 | + </Border.Background> |
| 87 | + </Border> |
| 88 | + <Border x:Name="TilePressedOverlay" Opacity="0" |
| 89 | + BorderBrush="#50FFFFFF" BorderThickness="1,0,1,1"> |
| 90 | + <Border.Background> |
| 91 | + <LinearGradientBrush StartPoint="0,0" EndPoint="0.5,0.5" SpreadMethod="Reflect"> |
| 92 | + <GradientStop Color="#05FFFFFF" Offset="0.0"/> |
| 93 | + <GradientStop Color="#60FFFFFF" Offset="0.5"/> |
| 94 | + <GradientStop Color="#80FFFFFF" Offset="1.0"/> |
| 95 | + </LinearGradientBrush> |
| 96 | + </Border.Background> |
| 97 | + </Border> |
| 98 | + |
| 99 | + <VisualStateManager.VisualStateGroups> |
| 100 | + <VisualStateGroup x:Name="CommonStates"> |
| 101 | + <VisualState x:Name="Normal"> |
| 102 | + <Storyboard> |
| 103 | + <DoubleAnimation Storyboard.TargetName="TileHoverOverlay" Storyboard.TargetProperty="Opacity" |
| 104 | + Duration="0:0:0.15" To="0"/> |
| 105 | + <DoubleAnimation Storyboard.TargetName="TilePressedOverlay" Storyboard.TargetProperty="Opacity" |
| 106 | + Duration="0:0:0.15" To="0"/> |
| 107 | + </Storyboard> |
| 108 | + </VisualState> |
| 109 | + <VisualState x:Name="MouseOver"> |
| 110 | + <Storyboard> |
| 111 | + <DoubleAnimation Storyboard.TargetName="TileHoverOverlay" Storyboard.TargetProperty="Opacity" |
| 112 | + Duration="0:0:0.15" To="1"/> |
| 113 | + <DoubleAnimation Storyboard.TargetName="TilePressedOverlay" Storyboard.TargetProperty="Opacity" |
| 114 | + Duration="0:0:0.15" To="0"/> |
| 115 | + </Storyboard> |
| 116 | + </VisualState> |
| 117 | + <VisualState x:Name="Pressed"> |
| 118 | + <Storyboard> |
| 119 | + <DoubleAnimation Storyboard.TargetName="TileHoverOverlay" Storyboard.TargetProperty="Opacity" |
| 120 | + Duration="0:0:0.075" To="0"/> |
| 121 | + <DoubleAnimation Storyboard.TargetName="TilePressedOverlay" Storyboard.TargetProperty="Opacity" |
| 122 | + Duration="0:0:0.075" To="1"/> |
| 123 | + </Storyboard> |
| 124 | + </VisualState> |
| 125 | + <VisualState x:Name="Disabled"> |
| 126 | + <Storyboard></Storyboard> |
| 127 | + </VisualState> |
| 128 | + </VisualStateGroup> |
| 129 | + </VisualStateManager.VisualStateGroups> |
| 130 | + </Grid> |
| 131 | + </ControlTemplate> |
| 132 | + </Button.Template> |
| 133 | + </Button> |
72 | 134 |
|
73 | | - <Border Grid.Row="1" BorderThickness="16,0,0,0" Padding="20,0,0,0" BorderBrush="{StaticResource ZuneVerticalGradient}"> |
| 135 | + <Border Grid.Row="1" BorderThickness="16,0,0,0" |
| 136 | + HorizontalAlignment="Left" Padding="20,0,0,0" |
| 137 | + BorderBrush="{StaticResource ZuneVerticalGradient}"> |
74 | 138 | <Grid> |
75 | 139 | <Grid.RowDefinitions> |
76 | 140 | <RowDefinition Height="*"/> |
|
0 commit comments