Aracılığıyla paylaş

Öğeyi Yerinde Döndürme

  • Makale

Bu örnek, RotateTransform ve DoubleAnimationkullanarak bir öğenin nasıl döndürüleceğini göstermektedir.

Aşağıdaki örnek, RotateTransform öğesinin RenderTransform özelliğine uygular. Örnek, RotateTransform'nin Angle'ini animasyon yapmak için bir DoubleAnimation kullanır. Öğenin yerinde döndürmek için, örnek öğenin RenderTransformOrigin özelliğini noktaya (0,5, 0,5) 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. 2B Dönüşüm örneği.

Ayrıca bkz.