Modifier la durée de transition entre les changements d’états

Les contrôles ont un aspect différent suivant l’état dans lequel ils se trouvent. Par exemple, lorsque vous placez le pointeur au-dessus d’un bouton, sa couleur est légèrement modifiée. « MouseOver » est l'un des états de bouton. Vous pouvez personnaliser la durée de transition entre les changements d'état des contrôles système en modifiant une copie du modèle du contrôle.

La procédure suivante nécessite l’utilisation d’un bouton, mais vous pouvez personnaliser tout contrôle système inclus avec Microsoft Expression Blend ou tout contrôle personnalisé importé héritant de la classe Control.

Conseil :
Vous pouvez également modifier les états et les durées de transition des contrôles utilisateur. Pour plus d’informations, voir Définir différents états visuels et durées de transition pour un contrôle utilisateur.

Pour modifier la durée de transition entre les états

1. Créer un modèle réutilisable pour un contrôle système, tel que le contrôle Button

2. Si vous n’êtes pas déjà en mode de modification d’un modèle, cliquez avec le bouton droit sur un contrôle de la planche graphique, pointez sur Modifier le modèle, puis cliquez sur Modifier l'élément actuel. Vous pouvez aussi sélectionner l’objet puis cliquer sur Modèle dans le chemin de navigation.

   

3. Lorsque Expression Blend est en mode de modification de modèle, les états du bouton (tels que Normal et MouseOver) apparaissent sous dans le panneau États. Les états sont contenus dans des groupes d’états (tels que CommonStates et FocusStates).

   

   En regard de CommonStates, se trouve une zone de texte avec la valeur de 0 seconde (« 0s »). Il s’agit de la durée de transition par défaut pour toutes les transitions entre les états dans le groupe d’états. Par exemple, il faut 0 seconde pour passer de tout état à l’état Normal. Vous pouvez modifier cette durée de transition par défaut.

   

4. Cliquez sur Ajouter une transition  pour l’état MouseOver sous États, puis cliquez sur la transition MouseOver à Normal.

   

5. Sur la nouvelle ligne pour la transition MouseOver à Normal, passez la valeur de la zone de texte de « 0s » à « 0,5s ».

   

6. Enregistrez votre travail (Ctrl+S), puis appuyez sur F5 pour générer et tester votre application. Une fois votre application ouverte dans une fenêtre de navigateur, déplacez le pointeur de votre souris au-dessus du bouton pour voir à quelle vitesse il retourne à son état précédent lorsque le pointeur quitte le bouton.

Dépannage

• Si vous avez du mal à afficher votre application dans un navigateur, il se peut que la bonne visionneuse d'exécution Microsoft Silverlight ne soit pas installée sur votre poste. Pour plus d’informations, voir Installer les outils et la visionneuse d'exécution Silverlight.

Étapes suivantes

• Vous pouvez changer l’apparence de votre bouton dans différents états. Pour plus d’informations, voir Modifier l’apparence d’un contrôle système dans différents états.

• Vous pouvez ajouter une animation, telle que le pivotage du bouton lorsque le pointeur passe dessus. Pour plus d’informations, voir Ajouter une animation qui sera passée après une modification d’état.

• Vous pouvez appliquer ce modèle à un autre bouton dans votre projet, ou dessiner un nouveau bouton dont le modèle est déjà affecté. Pour plus d’informations, voir Appliquer une ressource de style.

Voir aussi

Tâches

Dessiner un contrôle dans votre projet

Ajouter une animation qui sera passée après une modification d’état

Créer un modèle réutilisable pour appliquer un style à un contrôle système