WPF 右键菜单动画
颜色样式：
1 <LinearGradientBrush x:Key="MenuPopupBrush"
2 EndPoint="0.5,1"
3 StartPoint="0.5,0">
4 <GradientStop Color="#7FFFFFFF"
5 Offset="0" />
6 <GradientStop Color="#C28B008B"
7 Offset="0.3"/>
8 <GradientStop Color="#FF4B0082"
9 Offset="1" />
10 </LinearGradientBrush>
菜单样式：
1 <Style x:Key="MyContextMenu" TargetType="{x:Type ContextMenu}">
2 <Setter Property="Template">
3 <Setter.Value>
4 <ControlTemplate TargetType="{x:Type ContextMenu}">
5 <Border x:Name="Border" CornerRadius="4"
6 Background="{StaticResource MenuPopupBrush}"
7 BorderThickness="1">
8 <Border.BorderBrush>
9 <SolidColorBrush Color="#FF888888" />
10 </Border.BorderBrush>
11 <StackPanel IsItemsHost="True"
12 KeyboardNavigation.DirectionalNavigation="Cycle" />
13
14 </Border>
15 <ControlTemplate.Triggers>
16 <MultiTrigger>
17 <MultiTrigger.Conditions>
18 <Condition Property="IsMouseOver" Value="True"/>
19 </MultiTrigger.Conditions>
20 <MultiTrigger.EnterActions>
21 <BeginStoryboard>
22 <Storyboard>
23 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(FrameworkElement.Width)">
24 <SplineDoubleKeyFrame KeyTime="00:00:00.0020000" Value="0"/>
25 <SplineDoubleKeyFrame KeyTime="00:00:00.2520000" Value="142"/>
26 <SplineDoubleKeyFrame KeyTime="00:00:00.3450000" Value="120"/>
27 <SplineDoubleKeyFrame KeyTime="00:00:00.4300000" Value="142"/>
28 </DoubleAnimationUsingKeyFrames>
29 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(FrameworkElement.Height)">
30 <SplineDoubleKeyFrame KeyTime="00:00:00.0020000" Value="0"/>
31 <SplineDoubleKeyFrame KeyTime="00:00:00.2520000" Value="200"/>
32 <SplineDoubleKeyFrame KeyTime="00:00:00.3450000" Value="170"/>
33 <SplineDoubleKeyFrame KeyTime="00:00:00.4300000" Value="200"/>
34 </DoubleAnimationUsingKeyFrames>
35 </Storyboard>
36 </BeginStoryboard>
37 </MultiTrigger.EnterActions>
38 </MultiTrigger>
39 </ControlTemplate.Triggers>
40 </ControlTemplate>
41 </Setter.Value>
42 </Setter>
43 </Style>
右键菜单：
1 <ContextMenu Style="{StaticResource MyContextMenu}">
2 <MenuItem Header="测试二次"/>
3 <MenuItem Header="测试三次">
4 <MenuItem.Icon>
5 <Image Source="Add.png" Width="12" Height="12"/>
6 </MenuItem.Icon>
7 </MenuItem>
8 <Separator Opacity="0.4"></Separator>
9 <MenuItem Header="测试四次"/>
10 <MenuItem Header="测试五次"/>
11 <MenuItem Header="测试六次"/>
12 <Separator Opacity="0.4" ></Separator>
13 <MenuItem Header="测试二次"/>
14 <MenuItem Header="测试三次"/>
15 <MenuItem Header="测试五次"/>
16 <Separator Opacity="0.4"></Separator>
17 <MenuItem Header="测试六次">
18 <MenuItem.Icon>
19 <Image Source="Delete.png" Width="12" Height="12"/>
20 </MenuItem.Icon>
21 </MenuItem>
22 </ContextMenu>
