视觉混合动画图像背景答案

【问题标题】：Visual Blend Annimating Image Background视觉混合动画图像背景
【发布时间】：2015-09-02 10:45:24
【问题描述】：

如果用户启动应用程序，则应该有一个动画背景。主网格的背景是上面的那张图。应该移动背景。如何在 Visual Blend 中做到这一点？我知道如何在混合中创建动画，但我不知道如何制作这种动画。

【问题讨论】：

如果我设置拉伸属性来填充图片在动画期间不会填满屏幕，也不会在动画结束后填满屏幕
不太了解你图片上的cmets，你只是想让图片在背景上稍微移动一下吧？
背景应该例如向右移动，以便背景移动并显示图片的不同部分
所以背景只需要从“OLD”红框所在的位置移动到“NEW”红框所在的位置但在同一区域？抱歉，很难想象你在追求什么。

【解决方案1】：

我相信您正在寻找类似的东西：

<Canvas.Resources>
  <Storyboard x:Name="myStoryboard">

    <!-- The PointAnimation has a name so it can be accessed
         from code. The To property is left out of the XAML
         because the value of To is determined in code. -->
    <PointAnimation
      x:Name="clockAnimation"
      Storyboard.TargetProperty="Center"
      Storyboard.TargetName="clockImage"
      Duration="0:0:20"/>
  </Storyboard>
</Canvas.Resources>

这个 C# 可以在计时器或初始化时完成：

double newX = 'Where you want the new X coordinate of the clock';
double newY = 'Where you want the new Y coordinate of the clock';
Point myPoint = new Point();
myPoint.X = newX;
myPoint.Y = newY;
clockAnimation.To = myPoint;
myStoryboard.Begin();

我希望这对你有用！

【讨论】：

【解决方案2】：

如果不从根本上修改您显示的图像，您要求做的事情（据我了解）是不可能的。

从它的声音来看，您要做的是在这个静态二维图像中为手设置动画。如果您将其打印到一张纸上并尝试相同，您将无法再移动此静态图像的时钟上的指针。

一种解决方案是使用图像编辑工具（例如 Photoshop）擦除有问题的指针，留下一个空的钟面。从那里您可以将其用作您想要的背景，但在现在修改后的图像上方的图层上创建资源，以复制旧时钟指针的外观并相应地为它们设置动画.

（例如；应该像制作 3 个单独的动画一样简单，每只手旋转 360 度，只有秒针的动画需要 60 秒才能完成，分针需要 1 小时才能完成，并且当然时针需要 12 小时才能完成旋转（但你说你能胜任动画，所以这部分留给你）。

【讨论】：