WPF: Animations in XAML and code-behind

最新推荐文章于 2025-08-15 16:55:56 发布

原创最新推荐文章于 2025-08-15 16:55:56 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #animation #object #360

Silverlight & WPF 专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何在WPF中为TextBlock元素创建旋转动画效果。通过XAML触发动画、定义资源中的动画以及在代码中定义动画三种方式实现。适用于希望了解WPF动画机制的开发者。

FROM:http://www.galasoft.ch/mydotnet/articles/article-2006102701.aspx

the following TextBlock:

TextBlock definition:

1.Animation triggered in the XAML code

Animation triggered by a click

Page.Triggers> <EventTrigger RoutedEvent="TextBlock.MouseDown" SourceName="lblHello"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="lblHello" Storyboard.TargetProperty="(TextBlock.RenderTransform).(RotateTransform.Angle)" From="0" To="360" Duration="0:0:0.5" RepeatBehavior="4x" /> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </Page.Triggers>

2.Triggering animations in code-behind:

Animation stored in resources

<Page.Resources> <Storyboard x:Key="sbdLabelRotation"> <DoubleAnimation Storyboard.TargetName="lblHello" Storyboard.TargetProperty="(TextBlock.RenderTransform).(RotateTransform.Angle)" From="0" To="360" Duration="0:0:0.5" RepeatBehavior="4x" /> </Storyboard> </Page.Resources>

Triggering the animation in the code-behind:

public void AnimateLabelRotation( object sender, RoutedEventArgs e ) { Storyboard sbdLabelRotation = (Storyboard) FindResource( "sbdLabelRotation" ); sbdLabelRotation.Begin( this ); }

3. Defining animations in the code-behind

public void AnimateLabelRotationInCode( object sender, RoutedEventArgs e ) { DoubleAnimation oLabelAngleAnimation = new DoubleAnimation(); oLabelAngleAnimation.From = 0; oLabelAngleAnimation.To = 360; oLabelAngleAnimation.Duration = new Duration( new TimeSpan( 0, 0, 0, 0, 500 ) ); oLabelAngleAnimation.RepeatBehavior = new RepeatBehavior( 4 ); RotateTransform oTransform = (RotateTransform) lblHello.RenderTransform; oTransform.BeginAnimation( RotateTransform.AngleProperty, oLabelAngleAnimation ); }