互動狀態詞條 4-05

拖曳Drag

也常叫做：Drag and Drop、拖放、拖拉

你可能會這樣說

看過別人的網站可以把卡片、圖片用滑鼠抓住，拖到另一個位置放開，順序就換好了，像排桌面捷徑一樣直覺。想在作品集加上「拖曳排序」的功能。

拖曳（drag）就是抓住元件、搬移、放下三個動作的組合，常見於排序清單、看板、上傳檔案這類「位置由你決定」的介面。

它最怕「看不出來能拖」：記得在把手圖示上加「抓取」游標，或讓整張卡片在滑鼠移上去時微微浮起，暗示這個東西拿得起來。

觸控螢幕上拖曳容易誤觸，記得另外給一組上移／下移的按鈕當備援，兩種方式並存最保險。

拖曳＝抓住、搬移、放下——三個階段都要有回饋。

圖 4-6　看一次完整的拖曳來回：抓住、搬移、放下。

中文就可以

請實作一個可以拖曳排序的作品清單：
1. 每張卡片左側有六點把手，抓把手才能拖動。
2. 拖動中卡片半透明，目標位置顯示藍色指示線。
3. 放開後儲存新順序，重新整理也不會跑掉。
4. 觸控裝置另外給上移、下移兩顆按鈕。