PointAnimationUsingKeyFrames Class

Anime la valeur d'une propriété Point en fonction d'un ensemble de KeyFrames.

Héritage

Object
  DependencyObject
    Timeline
      PointAnimationUsingKeyFrames

Syntaxe


public sealed class PointAnimationUsingKeyFrames : Timeline


<PointAnimationUsingKeyFrames>
  oneOrMorePointKeyFrames
</PointAnimationUsingKeyFrames>

XAML Values

oneOrMorePointKeyFrames

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 PointKeyFrame. Il s'agit en général de toute combinaison de LinearPointKeyFrame, EasingPointKeyFrame, DiscretePointKeyFrame et SplinePointKeyFrame. 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

PointAnimationUsingKeyFramesClasse possède ces types de membres :

Constructeurs

PointAnimationUsingKeyFramesClasse possède ces constructeurs.

ConstructeurDescription
PointAnimationUsingKeyFrames Initializes a new instance of the PointAnimationUsingKeyFrames class.

 

Événements

PointAnimationUsingKeyFramesClasse possède ces événements.

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

 

Méthodes

The PointAnimationUsingKeyFrames 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 PointAnimationUsingKeyFramesClasse 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 PointKeyFrame 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 une ellipse sur un tracé triangulaire. L'exemple utilise la classe PointAnimationUsingKeyFrames pour animer la propriété Center d'EllipseGeometry. Cette animation utilise trois images clés de la manière suivante :

  1. Pendant la première demi-seconde, elle utilise une instance de la classe LinearPointKeyFrame pour déplacer l'ellipse le long d'un tracé, à une vitesse constante, depuis sa position de départ. Les images clés linéaires, telles que LinearPointKeyFrame, créent une interpolation linéaire fluide entre les valeurs.

  2. À la fin de la demi-seconde suivante, elle utilise une instance de la classe DiscretePointKeyFrame pour déplacer soudainement l'ellipse le long du tracé vers la position suivante. Les images clés discrètes telles que DiscretePointKeyFrame créent des sauts soudains entre les valeurs.

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


<Canvas Width="400" Height="300">
    <Canvas.Resources>
        <Storyboard x:Name="myStoryboard">

            <!-- Animating the Center property uses 3 KeyFrames, which animate
             the ellipse allong a triangular path. -->
            <PointAnimationUsingKeyFrames
          Storyboard.TargetProperty="Center"
          Storyboard.TargetName="MyAnimatedEllipseGeometry"
          Duration="0:0:5" RepeatBehavior="Forever" EnableDependentAnimation="True">

                <!-- Over the first half second, Using a LinearPointKeyFrame, the ellipse 
               moves steadily from its starting position along the first line of the 
               trianglar path.  -->
                <LinearPointKeyFrame KeyTime="0:0:0.5" Value="100,300" />

                <!-- Using a DiscretePointKeyFrame, the ellipse suddenly changes position
               after the first second of the animation. -->
                <DiscretePointKeyFrame KeyTime="0:0:1" Value="400,300" />

                <!-- Using a SplinePointKeyFrame, the ellipse moves back to its starting
               position. It moves slowly at first and then speeds up. This key frame 
               takes 2 seconds to complete. -->
                <SplinePointKeyFrame KeySpline="0.6,0.0 0.9,0.00" 
                 KeyTime="0:0:3" Value="200,100" />
            </PointAnimationUsingKeyFrames>
        </Storyboard>
    </Canvas.Resources>
    <Path Fill="Blue" Loaded="Start_Animation">
        <Path.Data>

            <!-- Describes an ellipse. -->
            <EllipseGeometry x:Name="MyAnimatedEllipseGeometry"
             Center="200,100" RadiusX="15" RadiusY="15" />
        </Path.Data>
    </Path>
</Canvas>



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


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