EasingPointKeyFrame Class

Associe une fonction d'accélération à une animation d'image clé PointAnimationUsingKeyFrames.

Héritage

Object
  DependencyObject
    PointKeyFrame
      EasingPointKeyFrame

Syntaxe


public sealed class EasingPointKeyFrame : PointKeyFrame


<EasingPointKeyFrame .../>

Attributs

[MarshalingBehavior(Agile)]
[Threading(Both)]
[Version(0x06020000)]
[WebHostHidden()]

Membres

EasingPointKeyFrameClasse possède ces types de membres :

Constructeurs

EasingPointKeyFrameClasse possède ces constructeurs.

ConstructeurDescription
EasingPointKeyFrame Initializes a new instance of the EasingPointKeyFrame class.

 

Méthodes

The EasingPointKeyFrame 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 EasingPointKeyFrameClasse a les propriétés suivantes.

PropriétéType d'accèsDescription

Dispatcher

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

EasingFunction

Lecture/écritureGets or sets the easing function that is applied to the key frame.

EasingFunctionProperty

En lecture seuleIdentifies the EasingFunction dependency property.

KeyTime

Lecture/écritureGets or sets the time at which the key frame's target Value should be reached. (Hérité de PointKeyFrame)

Value

Lecture/écritureGets or sets the key frame's target value. (Hérité de PointKeyFrame)

 

Remarques

Les fonctions d'accélération vous permettent d'appliquer des formules mathématiques personnalisées à vos animations. Les opérations mathématiques sont souvent utiles pour produire des animations qui simulent des données physiques du monde réel dans un système de coordonnées 2D. Par exemple, vous pouvez souhaiter qu'un objet rebondisse de façon réaliste ou se comporte comme s'il se trouvait sur un ressort. Pour obtenir la liste des fonctions d'accélération et des informations sur leur utilisation, consultez Animations d'image clé et animations de fonctions d'accélération.

Exemples

Cet exemple de code XAML montre comment utiliser des images clés associées à des fonctions d'accélération pour créer une animation qui simule un objet ovale qui monte dans les airs, redescend, puis rebondit jusqu'à son arrêt.


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

            <PointAnimationUsingKeyFrames
             Storyboard.TargetProperty="Center"
             Storyboard.TargetName="MyAnimatedEllipseGeometry"
             EnableDependentAnimation="True">

                <!-- This keyframe animates the ellipse up to the crest 
                     where it slows down and stops. -->
                <EasingPointKeyFrame Value="50,20" KeyTime="00:00:02">
                    <EasingPointKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingPointKeyFrame.EasingFunction>
                </EasingPointKeyFrame>
                
                <!-- This keyframe animates the ellipse back down and makes
                     it bounce. -->
                <EasingPointKeyFrame Value="50,200" KeyTime="00:00:06">
                    <EasingPointKeyFrame.EasingFunction>
                        <BounceEase Bounces="5" EasingMode="EaseOut"/>
                    </EasingPointKeyFrame.EasingFunction>
                </EasingPointKeyFrame>

            </PointAnimationUsingKeyFrames>
        </Storyboard>
    </Canvas.Resources>
    <Path PointerPressed="Pointer_Clicked" Fill="Blue">
        <Path.Data>

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



// When the user clicks the ellipse, the animation
// begins. 
private void Pointer_Clicked(object sender, PointerRoutedEventArgs 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
Animations d'image clé et animations de fonctions d'accélération
XAML, exemple d'animation
PointKeyFrame
EasingPointKeyFrame
EasingDoubleKeyFrame
KeyTime
Value

 

 

Afficher:
© 2014 Microsoft