DoubleAnimation - 旋转图像

Question

在 Windows Phone 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 Phone 8.1 运行时应用程序中做同样的事情，但我收到一条错误消息，指出属性 Angle 不能成立。如果我将 TargetProperty 更改为 Opacity 并将 From 和 To 更新为适当的值，一切正常。

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

如有任何帮助，我们将不胜感激。

Answer 1

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

的 Angle 属性

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

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

DoubleAnimation - 旋转图像

DoubleAnimation - Rotating image

c#

winrt-xaml

windows-phone-8.1