Comment : animer une propriété à l'aide d'un AnimationClock
Mise à jour : novembre 2007
Cet exemple indique comment utiliser des objets Clock pour animer une propriété.
Il existe trois façons d'animer une propriété de dépendance :
Créez un AnimationTimeline et associez-le à cette propriété en utilisant un Storyboard.
Utilisez la méthode BeginAnimation de l'objet pour appliquer un AnimationTimeline unique à une propriété cible.
Créez un AnimationClock à partir d'un AnimationTimeline et appliquez-le à une propriété.
Les objets Storyboard et la méthode BeginAnimation vous permettent d'animer des propriétés sans créer et distribuer directement des horloges (pour obtenir des exemples, consultez Comment : animer une propriété à l'aide d'une table de montage séquentiel et Comment : animer une propriété sans utiliser de table de montage séquentiel). Les horloges sont créées et distribuées automatiquement pour vous.
Exemple
L'exemple suivant montre comment créer un AnimationClock et l'appliquer à deux propriétés similaires.
/*
This example shows how to create and apply
an AnimationClock.
*/
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;
using System.Windows.Media.Animation;
namespace Microsoft.Samples.Animation.TimingBehaviors
{
public class AnimationClockExample : Page
{
ScaleTransform myScaleTransform;
public AnimationClockExample()
{
this.WindowTitle = "Opacity Animation Example";
this.Background = Brushes.White;
StackPanel myStackPanel = new StackPanel();
myStackPanel.Margin = new Thickness(20);
// Create a button that with a ScaleTransform.
// The ScaleTransform will animate when the
// button is clicked.
Button myButton = new Button();
myButton.Margin = new Thickness(50);
myButton.HorizontalAlignment = HorizontalAlignment.Left;
myButton.Content = "Click Me";
myScaleTransform = new ScaleTransform(1,1);
myButton.RenderTransform = myScaleTransform;
// Associate an event handler with the
// button's Click event.
myButton.Click += new RoutedEventHandler(myButton_Clicked);
myStackPanel.Children.Add(myButton);
this.Content = myStackPanel;
}
// Create and apply and animation when the button is clicked.
private void myButton_Clicked(object sender, RoutedEventArgs e)
{
// Create a DoubleAnimation to animate the
// ScaleTransform.
DoubleAnimation myAnimation =
new DoubleAnimation(
1, // "From" value
5, // "To" value
new Duration(TimeSpan.FromSeconds(5))
);
myAnimation.AutoReverse = true;
// Create a clock the for the animation.
AnimationClock myClock = myAnimation.CreateClock();
// Associate the clock the ScaleX and
// ScaleY properties of the button's
// ScaleTransform.
myScaleTransform.ApplyAnimationClock(
ScaleTransform.ScaleXProperty, myClock);
myScaleTransform.ApplyAnimationClock(
ScaleTransform.ScaleYProperty, myClock);
}
}
}
Pour obtenir un exemple qui indique comment contrôler un Clock interactivement après son démarrage, consultez Comment : contrôler une horloge de façon interactive.
Voir aussi
Tâches
Comment : animer une propriété à l'aide d'une table de montage séquentiel
Comment : animer une propriété sans utiliser de table de montage séquentiel