Практическое руководство. Анимирование свойства с помощью AnimationClock
Обновлен: Ноябрь 2007
В этом примере показано использование объектов Clock для анимации свойства.
Существует три способа анимации свойства зависимостей:
Создание AnimationTimeline и его соединение с этим свойством при помощи Storyboard.
Использование метода объекта BeginAnimation для применения одного AnimationTimeline к целевому свойству.
Создание AnimationClock из AnimationTimeline и применение его к свойству.
Объекты Storyboard и метод BeginAnimation позволяют анимировать свойства без непосредственного создания и распространения часов (примеры см. в разделе Практическое руководство. Анимирование свойства с помощью раскадровки (класс Storyboard)Практическое руководство. Анимация свойства без раскадровки); часы создаются и распространяются автоматически.
Пример
В следующем примере показано создание AnimationClock и применение его к двум аналогичным свойствам.
/*
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);
}
}
}
Пример, показывающий управление элементом Clock в интерактивном режиме после его запуска, см. в разделе Практическое руководство. Управление часами в интерактивном режиме.
См. также
Задачи
Практическое руководство. Анимирование свойства с помощью раскадровки (класс Storyboard)
Практическое руководство. Анимация свойства без раскадровки