WPF 头部点击，绶慢弹出 动画

<Style x:Key="GridStyle1" TargetType="{x:Type Grid}">

<!--<Style.Triggers>
<Trigger Property="Visibility" Value="Visible">
<Trigger.ExitActions>
<BeginStoryboard Storyboard="{StaticResource OnUnchecking}" x:Name="Unchecking" />
</Trigger.ExitActions>
<Trigger.EnterActions>
<BeginStoryboard Storyboard="{StaticResource OnChecking}" x:Name="Checking" />
</Trigger.EnterActions>
</Trigger>

</Style.Triggers>-->
</Style>

 

 

Style="{DynamicResource GridStyle1}" 

 

<!--动画，伸展-->
<Viewbox Height="50" Width="50">
<Grid Background="Transparent">
<!--<Grid.Triggers>
<EventTrigger RoutedEvent="MouseDown">
<EventTrigger.Actions>
<BeginStoryboard Name="sb1">
<Storyboard>
--><!--<ThicknessAnimation From="-500,0" To="0" Duration="0:0:0.2" Storyboard.TargetName="slider" Storyboard.TargetProperty="Margin"/>-->
<!--<DoubleAnimation From="0" To="500" Duration="0:0:0.05" Storyboard.TargetName="slider" Storyboard.TargetProperty="Width"/>--><!--
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Grid.Triggers>-->

<Path Grid.Column="0" Fill="#2ceafb"
Data="M12.58,19.4V12.06a1.57,1.57,0,0,1,1.57-1.57H25.68a1.58,1.58,0,0,1,1.58,1.57V25.7a.52.52,0,0,0,.52.52H38.44a.53.53,0,0,0,.5-.37,19.85,19.85,0,0,0,.87-7C39.31,9.4,30.88.76,21.45.06A19.92,19.92,0,0,0,0,19.39a.52.52,0,0,0,.53.54H12.05A.53.53,0,0,0,12.58,19.4Z" />
<Path Grid.Column="0" Fill="#14c5f4"
Data="M.87,23.07a.53.53,0,0,0-.52.62A19.93,19.93,0,0,0,37,30.17a.52.52,0,0,0-.44-.8H25.68a1.57,1.57,0,0,1-1.57-1.58V14.16a.52.52,0,0,0-.52-.52H16.25a.52.52,0,0,0-.53.52V21.5a1.55,1.55,0,0,1-.26.88,1.57,1.57,0,0,1-.7.57,1.54,1.54,0,0,1-.61.12Z" />
</Grid>
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseDown">
<i:InvokeCommandAction Command="{Binding ShowTopEvent}" CommandParameter="" />
</i:EventTrigger>
</i:Interaction.Triggers>
</Viewbox>