Partager via


Modifier la durée de transition entre les changements d’états dans les contrôles système

Cette page s’applique uniquement aux projets Silverlight 2

Les contrôles ont un aspect différent suivant l’état dans lequel ils se trouvent. Par exemple, lorsque vous placez le pointeur de la souris 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’états 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 2 ou tout contrôle Silverlight 2 personnalisé importé héritant de la classe Control.

Dd185517.alert_tip(fr-fr,Expression.10).gifConseil :

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 Bouton Dd185517.05df1779-a68f-436b-b834-a91b7995a3ec(fr-fr,Expression.10).png.

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

    Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(fr-fr,Expression.10).png

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

    Dd185517.7740762c-1a9d-490f-898e-2886ac1cf541(fr-fr,Expression.10).png

    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.

    Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(fr-fr,Expression.10).png

    Cette valeur est remplacée par la valeur « 0,1s » lors du passage à l’état MouseOver et à l’état Pressed. L’étoile et la flèche indiquent « de tout état à celui-ci ».

    Dd185517.87bd6d25-da6b-4d90-a4a5-c492b8d148ff(fr-fr,Expression.10).png

  4. Cliquez sur le bouton Ajouter une transition Dd185517.6023baa2-015d-4eb5-93d4-7c79f0d69e90(fr-fr,Expression.10).png pour l’état MouseOver sous États, puis cliquez sur la transition MouseOver à Normal.

    Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(fr-fr,Expression.10).png

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

    Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(fr-fr,Expression.10).png

  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 la souris quitte le bouton.

Dépannage

Étapes suivantes

Voir aussi

Concepts

Dessiner un contrôle dans votre projet Silverlight 2

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