SplinePointKeyFrame Classe

Définition

public ref class SplinePointKeyFrame sealed : PointKeyFrame

/// [Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
/// [Windows.Foundation.Metadata.ContractVersion(Microsoft.UI.Xaml.WinUIContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
class SplinePointKeyFrame final : PointKeyFrame

[Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
[Windows.Foundation.Metadata.ContractVersion(typeof(Microsoft.UI.Xaml.WinUIContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
public sealed class SplinePointKeyFrame : PointKeyFrame

Public NotInheritable Class SplinePointKeyFrame
Inherits PointKeyFrame

<SplinePointKeyFrame .../>

Héritage

Object Platform::Object IInspectable DependencyObject PointKeyFrame SplinePointKeyFrame

Attributs

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Exemples

Cet exemple XAML déplace une ellipse le long d’un chemin triangulaire. L’exemple utilise la classe PointAnimationUsingKeyFrames pour animer la propriété Center d’un EllipseGeometry. Cette animation utilise trois images clés de la manière suivante :

1. Au cours de la première moitié de seconde, il utilise un instance de la classe LinearPointKeyFrame pour déplacer l’ellipse le long d’un chemin à un rythme régulier à partir de 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, il utilise un instance de la classe DiscretePointKeyFrame pour déplacer soudainement l’ellipse le long du chemin vers la position suivante. Les images clés discrètes comme DiscretePointKeyFrame créent des sauts soudains entre les valeurs.
3. Pendant les deux dernières secondes, il utilise un instance de la classe SplinePointKeyFrame pour replacer l’ellipse à sa position de départ. Les images clés spline comme SplinePointKeyFrame créent une transition de variable entre les valeurs en fonction des valeurs de la propriété KeySpline . Dans cet exemple, l’animation commence lentement, puis accélère de façon exponentielle jusqu’à 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();
}

Remarques

Les animations par images clés autorisent plusieurs valeurs cibles pouvant être atteintes à divers points de la chronologie. En d’autres termes chaque image clé peut spécifier une valeur intermédiaire différente, et la dernière image clé atteinte correspond à la valeur finale de l’animation. En précisant plusieurs valeurs à animer, il vous est alors possible d’effectuer des animations plus complexes. Vous pouvez combiner des images clés discrètes, linéaires et spline dans la même collection d’images clés.

Pour plus d’informations sur l’utilisation des animations d’images clés, consultez Animations d’images clés et animations de fonction d’accélération.

Constructeurs

Propriétés

Méthodes

S’applique à

Voir aussi

• PointKeyFrame
• PointAnimationUsingKeyFrames
• KeyTime
• Value
• Animations dans une table de montage séquentiel
• Animations par images clés et animations de fonctions d’accélération