Procedura: far ruotare sul posto un elemento
Aggiornamento: novembre 2007
In questo esempio viene illustrato come far ruotare un elemento utilizzando una classe RotateTransform e una classe DoubleAnimation.
Nell'esempio riportato di seguito viene applicata la classe RotateTransform alla proprietà RenderTransform dell'elemento. Viene utilizzata una classe DoubleAnimation per animare la proprietà Angle dell'oggetto RotateTransform. Per far ruotare sul posto l'elemento, nell'esempio viene impostata la proprietà RenderTransformOrigin dell'elemento sul punto (0.5, 0.5).
Esempio
<!-- RotateAboutCenterExample.xaml
This example shows how to make an element spin
about its center. -->
<Page
xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Microsoft.Samples.Animation.RotateAboutCenterExample"
WindowTitle="Rotate About Center Example">
<StackPanel Margin="50">
<Button
RenderTransformOrigin="0.5,0.5"
HorizontalAlignment="Left">
Hello,World
<Button.RenderTransform>
<RotateTransform x:Name="MyAnimatedTransform" Angle="0" />
</Button.RenderTransform>
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="MyAnimatedTransform"
Storyboard.TargetProperty="(RotateTransform.Angle)"
From="0.0" To="360" Duration="0:0:1" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
</StackPanel>
</Page>
Per l'esempio completo, che include altre trasformazioni, vedere Esempio di trasformazioni bidimensionali.