Nasıl yapılır: Bir Öğenin Yerinde Dönmesini Sağlama

Bu örnekte, ve kullanarak bir öğenin nasıl RotateTransform döndürnerek döndürnerek olduğu DoubleAnimation gösterir.

Aşağıdaki örnek RotateTransform öğesinin RenderTransform özelliğine uygular. Örnek, için DoubleAnimation animasyonu yapmak için Angle RotateTransform kullanır. Öğenin yerinde döndürmesi için örnek, öğenin özelliğini RenderTransformOrigin (0.5, 0.5) noktasına ayarlar.

Örnek

<!-- 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>

Daha fazla dönüştürme örneği içeren tam örnek için bkz. 2D Dönüşüm örneği.

Ayrıca bkz.