反馈与交互 · 点一下的回应
拖拽排序Drag to reorder
- 掌控感
- 有序
- 务实
按住一项把它拖到别的位置,其他项实时让位,松手后落位并轻微回弹。
什么时候用它
可自定义顺序的列表用它;列表很短或顺序固定时不必支持拖拽。
参数
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 的弹簧。