在Windows 8中重用动画

我正在构建Windowsapp store应用程序（Winrt，Metro，Windows 8应用程序）。 我尝试在gridview动画中提供图像：从web加载图像并打开后，它会填充其单元格。

我有故事板：

我有这样的C＃代码来处理加载和打开图像的事件：

  private void Image_ImageOpened(object sender, RoutedEventArgs e) { Storyboard.SetTarget(PopupImageStoryboard, sender as Image); PopupImageStoryboard.Begin(); } 

它不起作用，我无法更改目标并在运行时重新运行相同的故事板。 但是我希望同时运行这个动画的多个图像。 你能推荐任何动画重用的解决方案吗？

Answer 1

您应该从每个子动画中删除它：

 Storyboard.TargetName="image" 

然后我认为单个Storyboard可能无法同时在两个目标元素上使用，因此解决方案是将其放在DataTemplate中，例如

然后在代码中你会说

 var sb = (Storyboard)myStoryboard.LoadContent(); Storyboard.SetTarget(sb, sender as Image); sb.Begin(); 

顺便说一句 – 不要为“宽度”和“高度”属性设置动画。 在您的情况下，这几乎肯定不是最好的主意。 您应该为RenderTransform属性设置动画，例如，定位ScaleTransform的ScaleX和ScaleY属性。 如果动画是依赖动画 – 它将导致每帧中的布局更新效率非常低并且会降低动画帧速率。

*编辑

一个更好的解决方案然后看起来像这样：

…

…

 void MainPage_Loaded(object sender, RoutedEventArgs e) { var sb = (Storyboard)myStoryboardTemplate.LoadContent(); Storyboard.SetTarget(sb, imageScaleTransform); sb.Begin(); }