Pour afficher l’article en anglais, activez la case d’option Anglais. Vous pouvez aussi afficher la version anglaise dans une fenêtre contextuelle en faisant glisser le pointeur de la souris sur le texte.
Traduction
Anglais

Changer l’interpolation d’animation entre les images clés

L’interpolation d’images clés décrit le mode d’animation des changements de propriétés dans un intervalle de temps entre deux images clés. Modifier l’interpolation entre les images clés vous permet d’obtenir des animations plus réalistes. Par exemple, si vous animez le rebond d’une balle, vous pouvez modifier l’interpolation entre les images clés pour ralentir la transition lorsque la balle rebondit et l’accélérer lorsqu’elle touche le sol.

Le tableau suivant décrit les trois façons de définir l’interpolation des images clés.

Méthode d’interpolation des images clés.

Description

Sélectionnez une valeur Atténuer + ou Atténuer -

Ne s’applique qu’aux projets Windows Presentation Foundation (WPF).

JJ170490.6194a099-fac7-4048-9abf-f3c2c25fc719(fr-fr,VS.120).png

Vous pouvez modifier l’interpolation qui se produit depuis et vers une image clé en utilisant le menu déroulant qui apparaît lorsque vous cliquez avec le bouton droit sur l’image clé.

Le menu déroulant contient les options d’interpolation suivantes :

  • Atténuer + Modifie la façon dont la valeur de la propriété change lorsque la tête de lecture de la chronologie s’approche de l’image clé. Vous pouvez définir le degré d’atténuation en spécifiant une valeur comprise entre 0 % (aucune atténuation) et 100 % (atténuation totale, qui représente la moitié de l’intervalle de temps entre l’image clé modifiée et l’image clé précédente).

  • Atténuer - Modifie la façon dont les valeurs de propriété changent lorsque le temps s’éloigne de l’image clé. Vous pouvez définir le degré d’atténuation en spécifiant une valeur comprise entre 0 % (aucune atténuation) et 100 % (atténuation totale, qui représente la moitié de l’intervalle de temps entre l’image clé modifiée et l’image clé suivante).

L’interpolation entre deux images clés est linéaire si la valeur Atténue est 0 % pour la première image clé et la valeur Atténuer + est 0 % pour la seconde image clé. L’interpolation linéaire modifie la valeur de la propriété par incréments égaux entre les images clés.

Utilisez le graphique KeySpline

JJ170490.d0752aac-3556-466e-957e-cf06010c0b57(fr-fr,VS.120).png

Vous pouvez modifier l’interpolation lorsque la tête de lecture de la chronologie s’approche d’une image clé en utilisant le graphique KeySpline.

Ce graphique trace les valeurs de la propriété animée sur l’intervalle de temps entre l’image clé sélectionnée et l’image clé précédente. En règle générale, plus la ligne est droite, plus la modification de valeur est rapide à ce stade.

Lorsque le graphique est une ligne droite à partir du coin inférieur gauche vers le coin supérieur droit, l’interpolation est linéaire.

JJ170490.f5cb5969-446e-44c9-bf61-a23e8b026e6a(fr-fr,VS.120).png

Vous pouvez faire glisser un point de contrôle jaune pour modifier la vitesse à laquelle la valeur de la propriété change après avoir quitté l’image clé précédente pour accéder à l’image clé sélectionnée.

Remarque Remarque
Le graphique KeySpline et les valeurs Atténuer + et Atténuer - sont synchronisés. La modification de la valeur Atténuer + aura un effet sur le point de contrôle supérieur droit du graphique KeySpline de l’image clé sélectionnée. La modification de la valeur Atténuer - aura un effet sur le point de contrôle inférieur gauche du graphique KeySpline de l’image clé qui suit l’image clé sélectionnée.

Sélectionnez une EasingFunction

Ne s’applique qu’aux projets Microsoft Silverlight.

JJ170490.85f020f5-4ac1-4b75-a63d-a5c5d0ece242(fr-fr,VS.120).png

Vous pouvez modifier l’interpolation lorsque la tête de lecture de la chronologie s’approche d’une image clé en utilisant le menu déroulant EasingFunction qui apparaît dans le panneau Propriétés lorsque vous sélectionnez l’image clé.

Blend for Visual Studio contient plusieurs fonctions d’accélération présélectionnées que vous pouvez choisir. Comme pour le graphique KeySpline, la fonction d’accélération est appliquée à l’interpolation qui se produit lorsque la tête de lecture de la chronologie s’approche de l’image clé sélectionnée. Utilisez les images des boutons sous les colonnes +, -, et +/- pour savoir quelle fonction d’accélération utiliser. Les boutons sous la colonne + appliqueront l’effet sélectionné au début du graphique KeySpline, les boutons sous la colonne - appliqueront l’effet sélectionné à la fin du graphique KeySpline, et les boutons sous +/- appliqueront les effets aux deux. Choisissez le bouton qui représente l’apparence souhaitée du graphique KeySpline.

Des fonctions d’accélération personnalisées peuvent être programmées en utilisant le Kit de développement logiciel Silverlight.

Pour plus d'informations, consultez Classe d'EasingFunctionBase (System.Windows.Media.Animation) sur MSDN.

Pour plus d’informations sur le Kit de développement logiciel Silverlight, cliquez sur Démarrer, puis sur Tous les programmes, sur Kit de développement logiciel Microsoft Silverlight et sur Accueil.

Remarque Remarque
La sélection d’une EasingFunction supprime tout effet d’interpolation précédent appliqué à l’image clé.

L’option d’interpolation Mettre en attente permet d’exécuter une transition instantanée entre les images clés plutôt que dans le temps.

Remarque Remarque

Les procédures suivantes supposent que vous avez ouvert une table de montage séquentiel qui contient des images clés.

Pour plus d'informations, consultez Ouvrir ou fermer une animation ou Modifier une animation pour la répétition ou l’inversion.

Conseil Conseil

Les procédures suivantes peuvent être utilisées lorsqu’une seule image clé est sélectionnée ou lorsque plusieurs images clés sont sélectionnées en maintenant la touche Ctrl appuyée.

Pour modifier la transition depuis une image clé

  • Effectuez l’une des opérations suivantes :

    1. Sur la barre de chronologie, cliquez avec le bouton droit sur l’image clé JJ170490.fa3c696d-5463-4000-8a6b-650fe6759bf7(fr-fr,VS.120).png depuis laquelle vous souhaitez effectuer une transition graduelle, pointez sur Atténuer dans le menu déroulant qui apparaît puis sélectionnez une valeur dans la liste.

    2. Sur la barre de chronologie, sélectionnez l’image clé JJ170490.fa3c696d-5463-4000-8a6b-650fe6759bf7(fr-fr,VS.120).png qui suit celle depuis laquelle vous souhaitez effectuer la transition graduelle puis, sous Accélération dans le panneau Propriétés, cliquez sur KeySpline. Déplacez le point de contrôle jaune dans le coin inférieur gauche du graphique KeySpline.

    3. Sur la barre de chronologie, sélectionnez l’image clé JJ170490.fa3c696d-5463-4000-8a6b-650fe6759bf7(fr-fr,VS.120).png qui suit celle depuis laquelle vous souhaitez effectuer la transition graduelle puis, sous Accélération dans le panneau Propriétés, cliquez sur EasingFunction. Cliquez sur la flèche du menu déroulant à côté de Aucun, puis sélectionnez un des boutons à côté d’une fonction d’accélération.

Pour modifier la transition vers une image clé

  1. Sur la barre de chronologie, cliquez avec le bouton droit sur l’image clé JJ170490.fa3c696d-5463-4000-8a6b-650fe6759bf7(fr-fr,VS.120).png vers laquelle effectuer une transition graduelle.

  2. Effectuez l’une des opérations suivantes :

    • Pointez sur Atténuer + dans le menu déroulant qui apparaît puis sélectionnez une valeur dans la liste.

    • Sous Accélération dans le panneau Propriétés, cliquez sur KeySpline. Déplacez le point de contrôle jaune dans le coin supérieur droit du graphique KeySpline.

    • Sous Accélération dans le panneau Propriétés, cliquez sur EasingFunction. Cliquez sur la flèche du menu déroulant à côté de Aucun, puis sélectionnez un des boutons à côté d’une fonction d’accélération.

La transition entre les images clés peut se produire instantanément plutôt que dans le temps. L’option d’interpolation Mettre en attente crée une modification abrupte sur une nouvelle valeur de propriété lorsque la tête de lecture atteint l’image clé où la nouvelle valeur de propriété est enregistrée.

Pour créer une transition abrupte vers une image clé

  • Effectuez l’une des opérations suivantes :

    1. Sur la barre de chronologie, sélectionnez l’image clé JJ170490.fa3c696d-5463-4000-8a6b-650fe6759bf7(fr-fr,VS.120).png vers laquelle vous souhaitez effectuer la modification abrupte, puis sous Accélération dans le panneau Propriétés, cliquez sur Mettre en attente.

    2. Sur la barre de chronologie, cliquez avec le bouton droit sur l’image clé JJ170490.fa3c696d-5463-4000-8a6b-650fe6759bf7(fr-fr,VS.120).png vers laquelle vous souhaitez effectuer la modification abrupte puis cliquez sur Mettre en attente dans le menu déroulant qui apparaît. Une case à cocher apparaît à côté de Mettre en attente dans le menu déroulant.

      Remarque Remarque

      Sélectionner Mettre en attente supprime tout effet d’interpolation précédent appliqué à l’image clé et tout effet d’interpolation sortant antérieur appliqué à l’image clé précédente sur la barre de chronologie. L’effet d’interpolation entrant appliqué à l’image clé suivante sur la barre de chronologie n’est pas modifié.

Afficher: