← 返回全部术语
拖拽与触摸手势 / TERM 157

拖拽排序Drag to Reorder

抓起一项,其他项让出位置。

157
LIVE PREVIEW
☰   IDEA☰   PROTOTYPE☰   LAUNCH抓起 → 让位 → 排序
✦   MOTIONLEX

01 这个效果是什么

在直接操作中重新排列内容,重点是抓取反馈、占位和松手后的稳定状态。

02 可以这样告诉 AI

让这组任务卡支持拖拽排序:拖起时原位置保留占位,邻近卡片平滑让位,松手后更新顺序。提供键盘可用的上移/下移操作和明确的当前位置提示;不要只做看似拖动的视觉动画。

03 做好后看什么

  • 松手后顺序真正更新
  • 拖拽中列表高度不跳动
  • 键盘用户也能调整顺序