DoubleAnimationUsingKeyFrames Class

Anime la valeur d'une propriété de Double sur un ensemble d'images clés.

Héritage

Object
  DependencyObject
    Timeline
      DoubleAnimationUsingKeyFrames

Syntaxe


public sealed class DoubleAnimationUsingKeyFrames : Timeline


<DoubleAnimationUsingKeyFrames>
  oneOrMoreDoubleKeyFrames
</DoubleAnimationUsingKeyFrames>

XAML Values

oneOrMoreDoubleKeyFrames

Un ou plusieurs éléments objet qui définissent les images clés de l'animation. Ces éléments objet représentent l'une des classes qui dérivent du DoubleKeyFrame. Il s'agit en général de toute combinaison de LinearDoubleKeyFrame, DiscreteDoubleKeyFrame, EasingDoubleKeyFrame et SplineDoubleKeyFrame. Les éléments objet définis ici deviennent membres de la collection lorsque le code accède à la propriété KeyFrames au moment de l'exécution.

Attributs

[ContentProperty("Name=KeyFrames")]
[MarshalingBehavior(Agile)]
[Threading(Both)]
[Version(0x06020000)]
[WebHostHidden()]

Membres

DoubleAnimationUsingKeyFramesClasse possède ces types de membres :

Constructeurs

DoubleAnimationUsingKeyFramesClasse possède ces constructeurs.

ConstructeurDescription
DoubleAnimationUsingKeyFrames Initializes a new instance of the DoubleAnimationUsingKeyFrames class.

 

Événements

DoubleAnimationUsingKeyFramesClasse possède ces événements.

ÉvénementDescription
Completed Occurs when the Storyboard object has completed playing. (Hérité de Timeline)

 

Méthodes

The DoubleAnimationUsingKeyFrames Classe a les méthodes suivantes. Elle hérite également des méthodes de Object Classe.

MéthodeDescription
ClearValue Clears the local value of a dependency property. (Hérité de DependencyObject)
GetAnimationBaseValue Returns any base value established for a dependency property, which would apply in cases where an animation is not active. (Hérité de DependencyObject)
GetValue Returns the current effective value of a dependency property from a DependencyObject. (Hérité de DependencyObject)
ReadLocalValue Returns the local value of a dependency property, if a local value is set. (Hérité de DependencyObject)
SetValue Sets the local value of a dependency property on a DependencyObject. (Hérité de DependencyObject)

 

Propriétés

Le DoubleAnimationUsingKeyFramesClasse a les propriétés suivantes.

PropriétéType d'accèsDescription

AutoReverse

Lecture/écritureGets or sets a value that indicates whether the timeline plays in reverse after it completes a forward iteration. (Hérité de Timeline)

BeginTime

Lecture/écritureGets or sets the time at which this Timeline should begin. (Hérité de Timeline)

Dispatcher

En lecture seuleGets the CoreDispatcher that this object is associated with. (Hérité de DependencyObject)

Duration

Lecture/écritureGets or sets the length of time for which this timeline plays, not counting repetitions. (Hérité de Timeline)

EnableDependentAnimation

Lecture/écritureGets or sets a value that declares whether animated properties that are considered dependent animations should be permitted to use this animation declaration.

EnableDependentAnimationProperty

En lecture seuleIdentifies the EnableDependentAnimation dependency property.

FillBehavior

Lecture/écritureGets or sets a value that specifies how the animation behaves after it reaches the end of its active period. (Hérité de Timeline)

KeyFrames

En lecture seuleGets the collection of DoubleKeyFrame objects that define the animation.

RepeatBehavior

Lecture/écritureGets or sets the repeating behavior of this timeline. (Hérité de Timeline)

SpeedRatio

Lecture/écritureGets or sets the rate, relative to its parent, at which time progresses for this Timeline. (Hérité de Timeline)

 

Exemples

L'exemple suivant déplace un rectangle dans un écran. L'exemple utilise la classe DoubleAnimationUsingKeyFrames pour animer la propriété X d'un TranslateTransform appliquée à un Rectangle. Cette animation utilise trois images clés de la manière suivante :

  1. Pendant les trois premières secondes, elle utilise une instance de la classe LinearDoubleKeyFrame pour déplacer le rectangle le long d'un tracé, à une vitesse constante, de sa position de départ vers la position 500. Les images clés linéaires telles que LinearDoubleKeyFrame créent une transition linéaire fluide entre les valeurs.

  2. À la fin de la quatrième seconde, elle utilise une instance de la classe DiscreteDoubleKeyFrame pour déplacer soudainement le rectangle à la position suivante. Les images clés discrètes telles que DiscreteDoubleKeyFrame créent des sauts soudains entre les valeurs. Dans cet exemple, le rectangle est à la position de départ, puis apparaît soudainement à la position 500.

  3. Durant les deux dernières secondes, elle utilise une instance de la classe SplineDoubleKeyFrame pour ramener le rectangle à sa position de départ. Les images clés Spline telles que SplineDoubleKeyFrame créent une transition variable entre des valeurs en fonction de la valeur de la propriété KeySpline. Dans cet exemple, le rectangle commence par se déplacer lentement, puis accélère de façon exponentielle vers la fin du segment temporel.


// Start the animation when the object loads
private void Start_Animation(object sender, RoutedEventArgs e)
{
    myStoryboard.Begin();
}



<StackPanel>
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">

            <!-- Animate the TranslateTransform's X property
             from 0 to 350, then 50,
             then 200 over 10 seconds. -->
            <DoubleAnimationUsingKeyFrames
          Storyboard.TargetName="MyAnimatedTranslateTransform"
          Storyboard.TargetProperty="X"
          Duration="0:0:10" EnableDependentAnimation="True">

                <!-- Using a LinearDoubleKeyFrame, the rectangle moves 
                 steadily from its starting position to 500 over 
                 the first 3 seconds.  -->
                <LinearDoubleKeyFrame Value="500" KeyTime="0:0:3" />

                <!-- Using a DiscreteDoubleKeyFrame, the rectangle suddenly 
                 appears at 400 after the fourth second of the animation. -->
                <DiscreteDoubleKeyFrame Value="400" KeyTime="0:0:4" />

                <!-- Using a SplineDoubleKeyFrame, the rectangle moves 
                 back to its starting point. The
                 animation starts out slowly at first and then speeds up. 
                 This KeyFrame ends after the 6th
                 second. -->
                <SplineDoubleKeyFrame KeySpline="0.6,0.0 0.9,0.00" Value="0" KeyTime="0:0:6" />

            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </StackPanel.Resources>
    <Rectangle Fill="Blue" Width="50" Height="50" Loaded="Start_Animation">
        <Rectangle.RenderTransform>
            <TranslateTransform x:Name="MyAnimatedTranslateTransform" 
             X="0" Y="0" />
        </Rectangle.RenderTransform>
    </Rectangle>
</StackPanel>


Conditions requises

Client minimal pris en charge

Windows 8 [Applications Windows Store uniquement]

Serveur minimal pris en charge

Windows Server 2012 [Applications Windows Store uniquement]

Espace de noms

Windows.UI.Xaml.Media.Animation
Windows::UI::Xaml::Media::Animation [C++]

Métadonnées

Windows.winmd

Voir aussi

Animations avec table de montage séquentiel

 

 

Afficher:
© 2014 Microsoft