画像を選択するためにアニメーションを作成する

Question

10種類の画像から選択する必要があり、それらの画像を何らかの種類のアニメーションに配置したいと考えています。

例の画像で、右と最後の画像の方にスクロールし、ユーザが最初に置かれたことに注意してください：私のようなものを作成する方法について考えていました。

また、スクロールビューアの下に画像を置くとアニメーションがスムーズでないため、アニメーションをスムーズにしたいと思います。

イメージをスタックパネルに配置してから、スタックパネルのマージン左のプロパティをアニメーションする必要がありますか？ imagをキャンバスに配置して、各画像を個別にアニメーション化する必要がありますか？

Answer 1

私はマージンをアニメーション化し、最初のイメージをオフスクリーンで開始する真の最後のイメージとして複製し、最初のイメージとして複製した "最後のイメージ"を作成してどちらの方向にもアニメーション化できます。私はスクロールビューアを使用しません。

レイアウトは次のようになります。

5 [12345] 1。 A [12345] B。

A

は、コピーブラシが5に供給され、そしてBは、今、あなたは、いずれかの方法をアニメーション化することができます周りに画像を移動し、バックマージンを動かす1.

に供給されます。

ので、利用者は "右。" に移動

5 [12345] 1 4に変更Aのソース、B源5 51

[51234] にアニメーション、およびペイントする制御を解除する前に、実際の画像を戻します。 4 [51234] 5

スクロールバーが必要な場合は、別のスクロールバーを作成して余白にバインドし、それを制御するコンバータを追加します。次に、代わりに以下を実行します。

12345 [12345] 12345

スクロール位置をアニメート、いつユーザリリース、画像を再配置し、中央にスクロールバーのサムを返します。このようにして、写真を削除または作成する必要はありません。

ヒント：スクロールバーでコンバーターを使用し、それをランダム変数にバインドし、サムの位置を画像のスタックの「位置」に「スナップ」することによって間接的にパネルのマージンをアニメートすることができます。