ユーザーが10種類の画像から選択する必要があり、それらの画像をある種のアニメーションに配置したいと思います。私は次のようなものを作成することを考えていました：
サンプル画像では、ユーザーが右にスクロールし、最後の画像が最初に配置されていることに注意してください。
また、スクロールビューアーの下に画像を配置するとアニメーションがスムーズにならないため、アニメーションをスムーズにしたいと思います。
画像をスタックパネルに配置してから、スタックパネルのマージン左プロパティをアニメーション化する必要がありますか？または、画像をキャンバスに配置して、各画像を個別にアニメーション化する必要がありますか？
スタックパネルを作成し、余白をアニメーション化してから、最初の画像を画面外で開始する真の最後の画像として複製し、「最後の画像」を最初の画像として複製します。その後、どちらの方向にもアニメーション化できます。スクロールビューアは使用しません。
レイアウトは次のようになります。
5[12345]1。A[12345]B。
Aは5に供給されるコピーブラシであり、Bは1に供給されるコピーブラシです。
これで、どちらの方法でもアニメーション化し、画像を移動し、余白を元に戻すことができます。
したがって、ユーザーは「右」に移動します。
5[12345]1は[51234]51にアニメートします
Aのソースを4に変更し、Bのソースを5に変更し、実際の画像を元に戻してから、コントロールを解放してペイントします。4 [51234] 5
スクロールバーが必要な場合は、別のスクロールバーを作成し、マージンにバインドして、コンバーターを追加して制御します。次に、代わりに次の手順を実行します。
12345 [12345] 12345
スクロール位置をアニメーション化し、ユーザーが離したら、画像を再配置し、スクロールバーの親指を中央に戻します。このようにして、画像を削除または作成する必要はありません。
ヒント：スクロールバーのコンバーターを使用してランダム変数にバインドし、親指の位置を画像のスタックの「位置」に「スナップ」することで、パネルの余白を間接的にアニメーション化できます。