大学定制动画

Question

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

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

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

Answer 1

我认为您可以通过在加载GridViewItem时启动一个故事板来实现第一个动画(要么通过重新定位控件，要么在控件下面的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);