windows phone图像翻译(移动/动画)

Question

我试图动画从屏幕的右边到左边的图像，我想这就是翻译的目的，但不太确定它是如何工作的，或者什么是最好的解决方案。到目前为止我有这样的想法：

        <Image Height="50" Width="50" Source="/Assets/Img/cloud.png" Stretch="Uniform">
            <Image.RenderTransform>
                <TranslateTransform x:Name="p1Translate" X="0" Y="0"/>
            </Image.RenderTransform>
        </Image>

这不算什么！所以有人能帮我，在X轴上翻译cloud.png吗？

何塞·科雷亚问候

Answer 1

你试过用CompositeTransform作为你的图像吗？您可以使用Blend来制作故事板动画。

XAML故事板动画从外部视图移动图像-windows phone 8

供进一步参考：

Windows Phone 8/8.1中使用故事板的图像动画

Answer 2

我相信这篇文章应该回答你所有的问题：Quickstart: Windows动画

虽然您可以使用RenderTransform来相对于布局引擎放置对象的位置来定位对象，但更简单的方法是将希望移动的控件放置在画布中，后者直接将位置属性附加到该控件。在我链接到的文章中的一个示例中显示了这一点。

Answer 3

谢谢你的帮助，以下是我是如何做到的：

<phone:PhoneApplicationPage.Resources>
    <Storyboard x:Name="Storyboard1">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="image">
            <EasingDoubleKeyFrame KeyTime="0" Value="-90"/>
            <EasingDoubleKeyFrame KeyTime="0:0:8" Value="-598.826"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</phone:PhoneApplicationPage.Resources>
    <Image x:Name="image" Source="/Assets/Img/bg_cloud.png" Stretch="Fill" RenderTransformOrigin="50,50" Width="70" Height="40" Margin="497,596,-87,164">
        <Image.RenderTransform>
            <CompositeTransform/>
        </Image.RenderTransform>
    </Image>

混在一起真的帮了我！

向你问好，何塞·科雷亚