Let IsMouseOver = "True"マウスをオフにしてもトリガーエフェクトが1秒間続く

Question

マウスを1番目の画像に置くと、2番目の画像が表示されます。最初の画像にマウスを置くと、2番目の画像がすぐに消えてしまいます。最初の画像にマウスを置いても、2番目の画像を数秒間表示する方法は？

<EventTrigger RoutedEvent="Button.Click" SourceName="P"> 
    <EventTrigger.Actions> 
     <BeginStoryboard Storyboard="{StaticResource showA}"/> 
    </EventTrigger.Actions> 
</EventTrigger> 

<Button Grid.Column="1" Command="{Binding Path=PressC}" CommandParameter="cam" Style="{StaticResource TransparentButton}"> 
      <Button.Template> 
       <ControlTemplate TargetType="{x:Type Button}"> 
        <Grid> 
         <Image Name="1" Source="/W;component/Images/1.png" Height="100" /> 
         <Image Name="2" Source="/W;component/Images/2.png" Height="200" Width="100" Margin="50,-33,-50,0" Visibility="Hidden" /> 
        </Grid> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsMouseOver" Value="True">   
          <Trigger.EnterActions> 
            <BeginStoryboard> 
             <Storyboard> 
              <DoubleAnimation Storyboard.TargetName="imgPressedKeyboard05" Storyboard.TargetProperty="Opacity" From="0" To="2" Duration="0:0:.5" BeginTime="0:0:0"/> 
              <DoubleAnimation Storyboard.TargetName="imgPressedKeyboard05" Storyboard.TargetProperty="Opacity" From="2" To="0" Duration="0:0:.5" BeginTime="0:0:1"/> 
             </Storyboard> 
            </BeginStoryboard> 
           </Trigger.EnterActions> 

          <Setter Property="Panel.ZIndex" Value="999"/>       
          <Setter TargetName="pressed5" Property="Visibility" Value="Visible"/>          
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Button.Template> 
     </Button> 

Answer 1

単純なSetterの代わりにアニメーションを使用してください。 1つはEnterActionsに表示され、1つはExitActionsに表示され、一定時間後に非表示になります。 Visibilityをアニメーション化するには、ObjectAnimationUsingKeyFramesを使用できます。