c# - コレクションのカスタム アニメーション

Question

私がしなければならないアニメーションには、次の 2 種類があります。

• 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

2 番目のアニメーションでは、最初にロード時に 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);