フィードバックと操作 · タップへの反応
ドラッグ並べ替え拖拽排序
- 操作感
- 整然
- 実用的
項目を押して別の位置へ運ぶと、他の項目がその場で場所を空けます。離すと着地して少し弾みます。
使いどころ
順番をユーザーが決められるリストに使います。短いリストや固定順のリストには不要です。
パラメータ
1:1 tracking · others shift 200ms ease-out · settle spring(stiffness 500, damping 30)
レシピ
ドラッグ並べ替え → 200ms spring(stiffness 500, damping 30)ドラッグ並べ替え → 1:1 tracking · others shift 200ms ease-out · settle spring(stiffness 500, damping 30)
AI に渡す一文
このリストにドラッグ並べ替えを追加してください。ドラッグ中の項目は 1:1 で追従し 1.03 に拡大、他の項目は 200ms の ease-out で退き、ドロップ時は stiffness 500・damping 30 のスプリングで収まります。