ドラッグアニメーション

[アーティクル]
04/06/2023

ドラッグアンドドロップアニメーションは、リスト内で項目を移動するときや、特定の項目を別の項目上にドロップするときなど、オブジェクトを移動する際に使います。

重要な API: DragItemThemeAnimation クラス

推奨と非推奨

ドラッグの開始アニメーション

ドラッグの開始アニメーションは、ユーザーがオブジェクトを動かし始めるときに使います。
ドラッグアンドドロップ操作の影響を受けるオブジェクトが他に存在する場合に限り、それらのオブジェクトをアニメーションに含めるようにします。
ドラッグの開始アニメーションによって始まったアニメーションのシーケンスの終了には、ドラッグの終了アニメーションを使います。ドラッグの終了アニメーションにより、ドラッグの開始アニメーションで変化したドラッグされたオブジェクトのサイズが元に戻ります。

ドラッグの終了アニメーション

ドラッグの終了アニメーションは、ドラッグされたオブジェクトをドロップするときに使います。
ドラッグの終了アニメーションは、リストの追加および削除アニメーションと組み合わせて使います。
ドラッグの開始アニメーションに影響を受けるオブジェクトが存在する場合に限り、それらのオブジェクトをドラッグの終了アニメーションに含めるようにします。
ドラッグの終了アニメーションは、ドラッグの開始アニメーションよりも先に使わないでください。ドラッグシーケンスの完了後にオブジェクトを元のサイズに戻すためには、両方のアニメーションを使う必要があります。

項目間でのドラッグの開始アニメーション

項目間でのドラッグの開始アニメーションは、2 つのオブジェクトの間のドロップ可能な場所にドラッグソースをドラッグするときに使います。
適度な大きさのドロップターゲット領域を選んでください。この領域が小さすぎると、ドラッグソースをドロップする際に重ね合わせるのが難しくなるため、好ましくありません。
ドロップ可能な場所を示すために影響を受けるオブジェクトが移動するときには、互いにまっすぐに引き離すことをお勧めします。移動方向が上下になるか、左右になるかは、影響を受けるオブジェクトが並ぶ向きによって異なります。
ドラッグソースを領域内にドロップできない場合、項目間でのドラッグの開始アニメーションは使わないでください。項目間へのドラッグの開始アニメーションは、影響を受けるオブジェクトの間にドラッグソースをドラッグできることをユーザーに知らせるためのものです。

項目間でのドラッグの中止アニメーション

項目間でのドラッグの中止アニメーションは、ユーザーがオブジェクトをドラッグして 2 つのオブジェクトの間のドロップ可能な領域から出すときに使います。
項目間でのドラッグの開始アニメーションよりも先に、項目間でのドラッグの中止アニメーションを使わないでください。

開発者向け