DoubleAnimation -旋转图像

Question

在Windows 8.0 Silverlight中，我可以在我的XAML页面中拍摄一张图像，并使用下面的Storyboard完全旋转一次。

<Storyboard x:Name="rotate_searching_image">
    <DoubleAnimation AutoReverse="False"                             
        Duration="0:0:10"
        From="0"
        RepeatBehavior="1x"
        Storyboard.TargetName="searching_image"
        Storyboard.TargetProperty="Angle"
        To="360" />
</Storyboard>

我试图在我的新Windows 8.1运行时应用程序中做同样的事情，但是我发现了一个错误，我说找不到属性Angle。如果我将TargetProperty更改为Opacity，并将From和To更新为适当的值，则一切正常。

我看过UIElement，找不到任何让我设置角度的属性或方法。

任何帮助都将不胜感激。

Answer 1

UIElement和FrameworkElement都没有Angle属性。您需要将动画应用于Angle属性的RotateTransform。

首先，您需要创建一个转换对象：

<Image x:Name="searching_image">
    <Image.RenderTransform>
        <RotateTransform/>
    </Image.RenderTransform>
</Image>

然后将TargetProperty更改为：

<Storyboard x:Name="rotate_searching_image">
    <DoubleAnimation AutoReverse="False"                             
        Duration="0:0:10"
        From="0"
        RepeatBehavior="1x"
        Storyboard.TargetName="searching_image"
        Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"
        To="360" />
</Storyboard>