学步园

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

the following TextBlock:

TextBlock definition:

<TextBlock Name="lblHello" Text="Hello world" Margin="0,100,0,0" HorizontalAlignment="Center" FontSize="36" Foreground="White" Cursor="Hand"> <TextBlock.RenderTransform> <RotateTransform Angle="0" CenterX="95" CenterY="20" /> </TextBlock.RenderTransform> </TextBlock>

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