自定义动画集合

Question

我必须要做两种类型的动画：

• http://www.gifti.me/i/KGSVP.gif
• http://www.gifti.me/i/9ojLapD.gif

知道怎么做吗？在这种情况下，似乎简单的过渡动画没有用。提前谢谢。

Answer 1

我认为你可以通过在加载GridViewItem时启动一个Storyboard来实现第一个动画（通过重新导入控件或在控件下面的ItemTemplate中）。看看我对这个问题的回答： Animation when add or remove item from GridView XAML

对于第二个动画，看起来你首先想要在加载时在整个GridView上运行一些平移和倾斜变换动画，但是然后在每个列上运行单独的缩放动画。对于缩放动画，您可以检测哪个单元格位于哪个列中，将动画构建到GridViewItem或ItemTemplate中，并手动运行这些动画。如果你不知道每列中有多少项（例如因为形状因素可能会改变），这可能是最好的方法。否则，您可以使用分组并在每个组上运行缩放动画。

Answer 2

在代码中，您可以尝试：

DoubleAnimation a = new DaoubleAnimation();
a.From = 50;
a.To = 100;
a.BeginTime = "0:0:2";

b.BeginAnimation(Button.WidthProperty, a);