Aracılığıyla paylaş

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

  • Makale

Bu örnekte ve kullanarak RotateTransform bir öğenin nasıl döndürecekleri gösterilmektedir DoubleAnimation.

Aşağıdaki örnek öğesini öğesinin RenderTransform özelliğine uygularRotateTransform. Örnek, öğesine animasyon AngleRotateTransformeklemek için kullanırDoubleAnimation. Öğenin yerinde döndürmek için, örnek öğenin özelliğini noktaya (0,5, 0,5) ayarlar RenderTransformOrigin .

Ö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üşümler Örneği.

Ayrıca bkz.