Gewusst wie: Animieren einer Eigenschaft mit AnimationClock

Aktualisiert: November 2007

In diesem Beispiel wird die Verwendung von Clock-Objekten zum Animieren einer Eigenschaft dargestellt.

Es gibt drei Möglichkeiten, eine Abhängigkeitseigenschaft zu animieren:

• Erstellen Sie eine AnimationTimeline, und ordnen Sie sie dieser Eigenschaft zu, indem Sie ein Storyboard verwenden.

• Verwenden Sie die BeginAnimation-Methode des Objekts, um eine einzelne AnimationTimeline auf eine Zieleigenschaft anzuwenden.

• Erstellen Sie eine AnimationClock aus einer AnimationTimeline, und wenden Sie sie auf eine Eigenschaft an.

Mit Storyboard-Objekten und der BeginAnimation-Methode können Sie Eigenschaften animieren, ohne Uhren direkt zu erstellen und zu verteilen (Beispiele finden Sie unter Gewusst wie: Animieren einer Eigenschaft unter Verwendung eines Storyboards und Gewusst wie: Animieren einer Eigenschaft ohne Storyboard). Die Uhren werden automatisch für Sie erstellt und verteilt.

Beispiel

Das folgende Beispiel zeigt, wie eine AnimationClock erstellt und auf zwei ähnliche Eigenschaften angewendet wird.

/*
    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);
        }
    }
}

Ein Beispiel, das veranschaulicht, wie eine Clock interaktiv gesteuert wird, nachdem sie gestartet wurde, finden Sie unter Gewusst wie: Interaktives Steuern einer Uhr.

Siehe auch

Aufgaben

Gewusst wie: Animieren einer Eigenschaft unter Verwendung eines Storyboards

Gewusst wie: Animieren einer Eigenschaft ohne Storyboard

Konzepte

Übersicht über die Verfahren zur Animation von Eigenschaften