DoubleAnimation -旋转图像

本文关键字:图像 旋转 DoubleAnimation | 更新日期: 2023-09-27 18:11:50

在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,并将FromTo更新为适当的值,则一切正常。

我看了UIElement,找不到任何属性或方法可以让我设置角度。

DoubleAnimation -旋转图像

UIElementFrameworkElement都没有Angle属性。您需要将动画应用于RotateTransformAngle属性。

首先,您需要创建一个转换对象:
<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>