Modifier le style de bouton avec VisualStateManager

Question

Je travaille sur une application Windows universelle.

Je veux changer le style de mon bouton sous différents états mais je ne peux pas comprendre (je suis nouveau à ce sujet)

Voici mon groupe d'état visuel

<VisualStateGroup x:Name="StartStopTimer"> 
    <VisualState x:Name="Start"> 
    </VisualState> 
    <VisualState x:Name="Stop"> 
     <VisualState.Setters> 
     </VisualState.Setters> 
    </VisualState> 
</VisualStateGroup> 

J'ai deux styles configuration appelée StartButtonStyle et StopButtonStyle.

Je veux changer les boutons style à StopButonStyle dans l'état visuel Stop et StartButtonStyle dans l'état visuel Start.

Comment faire? J'ai essayé avec enregistrement sur Expression Blend mais il n'applique rien à mon état visuel.

Answer 1

vous êtes ici:

<VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="StartStopTimer"> 
      <VisualState x:Name="Start"> 
       <Storyboard> 
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TestButton" 
                Storyboard.TargetProperty="Style"> 
         <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource StartButtonStyle}"> 
         </DiscreteObjectKeyFrame> 
        </ObjectAnimationUsingKeyFrames> 
       </Storyboard> 
      </VisualState> 
      <VisualState x:Name="Stop"> 
       <Storyboard> 
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TestButton" 
                Storyboard.TargetProperty="Style"> 
         <DiscreteObjectKeyFrame KeyTime="0" 
               Value="{StaticResource StopButtonStyle}"> 
         </DiscreteObjectKeyFrame> 
        </ObjectAnimationUsingKeyFrames> 
       </Storyboard> 
      </VisualState> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups> 

Bien sûr, vous devez avoir défini vos styles dans les ressources, par exemple dans les ressources de la page.

Veuillez ne pas oublier de marquer ma réponse comme une réponse.