HOW TO：使項目就地旋轉

更新：2007 年 11 月

本範例說明如何使用 RotateTransform 和 DoubleAnimation 來使項目旋轉。

下列範例會將 RotateTransform 套用至項目的 RenderTransform 屬性。範例是使用 DoubleAnimation，讓 RotateTransform 的 Angle 產生變動以顯示動畫。為了讓項目就地旋轉，範例會將項目的 RenderTransformOrigin 屬性設定為點 (0.5, 0.5)。

範例

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

如需包含其他轉換範例的完整範例，請參閱 2D 轉換範例。

請參閱

概念

動畫概觀

轉換概觀