Comment faire un bouton de survol simple en utilisant 2 images dans Silverlight

Question

De préférence sans utiliser le code backend? Je suis à la recherche de la solution la plus propre pour faire un fondu en fondu en vol stationnaire avec 2 images. Voici ce que j'ai jusqu'à présent

Edit:

je suis arrivé que cela fonctionne partiellement .. problème est maintenant que le mouseout semble abrupte alors que le mouseover semble bien, ce que je fais mal?

<VisualStateGroup x:Name="CommonStates"> 
    <VisualState x:Name="Normal" /> 
    <VisualState x:Name="MouseOver"> 
     <Storyboard> 
      <DoubleAnimation BeginTime="0:0:0" Duration="0:0:1" To="1" 
           Storyboard.TargetProperty="(UIElement.Opacity)" 
           Storyboard.TargetName="mouseOverImage" d:IsOptimized="True"/> 
      </Storyboard> 
    </VisualState> 
    <VisualState x:Name="MouseOut"> 
     <Storyboard> 
      <DoubleAnimation BeginTime="0:0:0" Duration="0:0:1" To="0" 
           Storyboard.TargetProperty="(UIElement.Opacity)" 
           Storyboard.TargetName="mouseOverImage" d:IsOptimized="True"/>           
     </Storyboard> 
    </VisualState> 
    <VisualState x:Name="Pressed"/> 
    <VisualState x:Name="Disabled"/> 
</VisualStateGroup> 
<VisualStateGroup x:Name="FocusStates"> 
    <VisualState x:Name="Focused"/> 
    <VisualState x:Name="Unfocused"/> 
</VisualStateGroup> 

Answer 1

Trouvé il n'y a aucun état visuel par défaut appelé mouseout. l'état normal fonctionnera comme le mouseout ou le mouseleave.

        <Storyboard> 
             <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="0" To="1" 
                  Storyboard.TargetProperty="(UIElement.Opacity)" 
                  Storyboard.TargetName="mouseOverImage" />        
            </Storyboard> 
           </VisualState> 
           <VisualState x:Name="Normal"> 
            <Storyboard> 
             <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="1" To="0" 
                  Storyboard.TargetProperty="(UIElement.Opacity)" 
                  Storyboard.TargetName="mouseOverImage" /> 
            </Storyboard>