wp7でビューのシャッフルアニメーションを作成する方法

Question

このイベントは、このイベントがシェイク動作のコードでトリガされます。

void _shakeDetector_ShakeEvent(object sender, EventArgs e) 
    { 
     this.Dispatcher.BeginInvoke(() => 
     { 
      ShuffleView(); 
     }); 
    } 

今、このビューは、私はシャッフルアニメーションを必要とする対象の画像のみが含まれているグリッド（ContentPanel）を持っている...

この方向へのすべての参照が役立つだろう...

Answer 1

申し訳ありませんコードに特化していないためですが、これはシャッフル効果を得るための一般的な方向です。

イメージはすべて同じサイズで構造化されたグリッドまたはリストに表示されていることを前提としています（リストの場合は簡単になります）。イメージ上でTranslateアニメーションを実行できます。アニメーションについては、this bookを参照してください。これは、銀色のアニメーションを学習するための優れたリソースです。

画像の中心（または任意の便利な座標）を見つけて画像を翻訳する必要があります。したがって、すべての画像の高さが10pxでリスト内で整理され、画像間に5pxのマージンがある場合、すべての画像の中心座標は（x、y +（n * 15））になります。

シャッフルの場合、アニメーションのこのシーケンス（および画像の最終位置の座標）のランダム化が必要になります。このためのコードを書く必要があります。

これは単なる提案に過ぎません。役立つことを願っています。