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>

这不算什么！那么有人可以帮助我，翻译云.png只是在 X 轴上吗？

迎接何塞·科雷亚

Answer 1

您是否尝试过将CompositeTransform用于图像？您可以使用Blend来制作故事板动画。

XAML 情节提要动画从外部视口移动图像 - Windows 手机 8

供进一步参考：

在

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

Answer 2

我相信

这篇文章应该可以回答你所有的问题：快速入门：适用于 Windows Phone 的动画

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

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>

混合真的帮助了我！

此致敬意何塞·科雷亚