Appliquer un effet de transition à un changement d’état visuel

Une fois que vous avez créé un contrôle utilisateur et défini ses changements d’état, vous pouvez rapidement et facilement ajouter un effet de transition en appliquant l’un des effets de transition intégrés disponibles dans Microsoft Expression Blend.

Pour créer le bouton utilisé dans la procédure suivante, voir Créer un modèle réutilisable pour appliquer un style à un contrôle système et Modifier l’apparence d’un contrôle système dans différents états.

Pour appliquer un effet de transition à un contrôle utilisateur

Dans le panneau États, cliquez sur l’état auquel vous souhaitez appliquer l’effet de transition, puis cliquez sur ****Ajouter une transition ****. Cliquez sur Effet de transition, puis sélectionnez l’effet de transition souhaité dans la liste déroulante TransitionEffect.
Dans la zone Durée de la transition, tapez le nombre de secondes pendant lesquelles vous voulez que l’effet de transition s’affiche.
Enregistrez votre travail (Ctrl+S), puis appuyez sur F5 pour générer et tester votre application.

Remarque :

Vous pouvez également prévisualiser la transition directement dans Expression Blend en cliquant sur Aperçu de la transition .

Remarque :
Vous pouvez également prévisualiser la transition directement dans Expression Blend en cliquant sur Aperçu de la transition .

En fonction de l’effet de transition que vous choisissez, vous pouvez avoir la possibilité de modifier d’autres propriétés. Par exemple, si vous choisissez l’effet de transition Slide In (Glisser), vous pouvez sélectionner l’une des propriétés suivantes :

LeftToRight
RightToLeft
TopToBottom
BottomToTop

Vous pouvez également appliquer une EasingFunction à l’effet de transition.

Conseil :
Pour lier les données d’un effet de transition ou d’une fonction d’accélération, dans la boîte de dialogue TransitionEffect ou EasingFunction, cliquez sur Options avancées, puis sur Liaison de données.

Effets de transition intégrés

Les images suivantes sont des exemples des différents effets de transition intégrés disponibles dans Microsoft Expression Blend 4. L’image de gauche est l’image de base. L’image du milieu représente cette transition. L’image de droite représente l’image une fois la transition terminée.