Show / Hide Table of Contents

Практическое руководство. Создание элемента Spin

В этом примере показано, как создать элемент spin с помощью RotateTransform и DoubleAnimation.

В следующем примере применяется RotateTransform для RenderTransform свойство элемента. В примере используется DoubleAnimation для анимации Angle из RotateTransform. Чтобы сделать элемент spin на месте, в этом примере RenderTransformOrigin свойство элемента до точки (0,5, 0,5).

Пример

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

Полный пример, который включает дополнительные примеры преобразования, см. в разделе 2 примеров.

См. также

  • Общие сведения об эффектах анимации
  • Общие сведения о классах Transform
Back to top Неофициальная документация по .NET на русском языке. Лицензия: CC-BY 4.0. Основано на документации по .NET с Microsoft Docs
Generated by DocFX