Ajouter une animation qui sera passée après une modification d’état
.png "Cette page s’applique uniquement aux projets Silverlight 2")
Vous pouvez ajouter une animation à un état qui sera lue une fois que le contrôle passe à cet état. Par exemple, un bouton change de couleur lorsque vous placez le curseur de la souris dessus, ce qui est le résultat de la transition à l’état MouseOver. Si vous ajoutez une animation à l’état MouseOver, telle que le pivotage du bouton, cette animation s’exécutera après que le bouton change de couleur.
Pour ajouter une animation à un état
Appuyez sur F6 pour basculer vers l’Espace de travail d’animation. Cette opération déplace le panneau Interaction sous la planche graphique pour fournir davantage d’espace pour afficher la chronologie.
Sous États, sélectionnez l’état auquel vous souhaitez ajouter une animation.
Sous Objets et chronologie, cliquez sur le bouton Afficher la chronologie
.png "Dd185497.927789b4-13c3-4722-9a18-d24675423e23(fr-fr,Expression.10).png")
..png "Dd185497.9985179e-40a4-488b-97e1-94625d2480f4(fr-fr,Expression.10).png")
.gif "Remarque")
Remarque :Lorsque Base est sélectionnée sous États, le bouton Afficher la chronologie
n’apparaît pas parce que vous n’êtes pas en mode enregistrement de l’état.Si l’apparence du contrôle dans cet état est différente de son apparence par défaut (lorsque Base est sélectionnée), une image clé est déjà définie à la marque 0 seconde.
.png "Dd185497.54c77792-cbb0-4f6c-a7c4-88d5e8228c42(fr-fr,Expression.10).png")
Pour ajouter d’autres animations, placez le curseur de lecture
.png "Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(fr-fr,Expression.10).png")
à un autre endroit de la chronologie, puis modifiez un objet sur la planche graphique.Par exemple, pour faire pivoter une carte de lecture, déplacez le curseur de lecture
sur la marque 1 seconde, sélectionnez l’objet LayoutRoot sous Objets et chronologie, puis sous Transformer dans le panneau Propriétés, sélectionnez l’onglet Faire pivoter et définissez la propriété Angle sur 360..png "Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(fr-fr,Expression.10).png")
Affichez un aperçu de votre animation en cliquant sur le bouton Lecture
.png "Dd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(fr-fr,Expression.10).png")
.Appuyez sur la touche F5 pour tester votre application de l’état.
.gif "Conseil")
Conseil :Si vous ne souhaitez pas que votre contrôle revienne à 0 degré lorsque l’état change à nouveau, vous pouvez définir le temps de transition sur 0 seconde pour cet état lorsqu’il passe à tous les autres états. Pour la procédure à suivre, voir Modifier la durée de transition entre les changements d’états dans les contrôles système.
Étapes suivantes
Vous pouvez diffuser votre animation de l’état plusieurs fois ou en boucle ou l’inverser lorsqu’elle atteint la dernière image clé. Pour plus d’informations, voir Modifier une table de montage séquentiel pour la répétition ou l’inversion à la fin de son cycle.
Vous pouvez ajuster la vitesse d’animation entre les images clés pour créer une animation plus naturelle. Pour plus d’informations, voir Changer l’interpolation d’animation entre les images clés.
Si vous modifiez un modèle de contrôle système, vous pouvez appuyer sur la touche F5 pour voir les modifications dans votre application. Si vous travaillez avec un contrôle utilisateur, vous pouvez voir l’animation modifiée en action en faisant réagir votre contrôle utilisateur aux clics de souris. Pour plus d’informations, voir Modifier l’état en réponse à une interaction utilisateur.