animation Bouton dans WPF (storyboard, EventTrigger)

Question

J'ai animation simple bouton WPF pour changer la propriété Largeur lorsque la souris est sur le bouton:

<Button Width="100" Height="60" Content="Click Me" x:Name="Button1">  
      <Button.Triggers> 
       <EventTrigger RoutedEvent="MouseEnter"> 
        <BeginStoryboard> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetProperty="Width" To="200" Duration="0:0:0:1" ></DoubleAnimation> 
         </Storyboard> 
        </BeginStoryboard> 
       </EventTrigger> 
      </Button.Triggers>    
</Button> 

Mais après l'animation, la largeur devrait revenir à "60". Comment faire ça?

Answer 1

Essayez cette ..

<Button Width="100" Height="60" Content="Click Me" x:Name="Button1"> 
     <Button.Triggers> 
      <EventTrigger RoutedEvent="MouseEnter"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Width" To="200" Duration="0:0:0:1" ></DoubleAnimation> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
      <EventTrigger RoutedEvent="MouseLeave"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Width" To="100" Duration="0:0:0:1" ></DoubleAnimation> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
     </Button.Triggers> 

    </Button>