Comment faire tourner un élément sur place
Cet exemple montre comment faire tourner un élément à l’aide d’un RotateTransform et d’un DoubleAnimation.
L’exemple suivant applique la RotateTransform à la propriété RenderTransform de l’élément. L’exemple utilise DoubleAnimation pour animer Angle de RotateTransform. Pour faire tourner l’élément sur place, l’exemple fixe la propriété RenderTransformOrigin de l’élément au point (0.5, 0.5).
Exemple
<!-- RotateAboutCenterExample.xaml
This example shows how to make an element spin
about its center. -->
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://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>
Pour obtenir l’exemple complet, qui inclut d’autres exemples de transformation, consultez exemple de transformation 2D.
Voir aussi
- Vue d'ensemble de l'animation
- Vue d’ensemble des transformations
Collaborer avec nous sur GitHub
La source de ce contenu se trouve sur GitHub, où vous pouvez également créer et examiner les problèmes et les demandes de tirage. Pour plus d’informations, consultez notre guide du contributeur.
.NET Desktop feedback