如何用Axure實現(xiàn)列表拖動排序？這篇文章《Axure教程：列表拖動排序的實現(xiàn)方式??》?提出用中繼器可以實現(xiàn)，但是明確指出只能向上拖動。本文有個方法，不僅可以向上拖動，還可以向下拖動。

手動實現(xiàn)效果如下：

步驟如下，大神輕拍。

拖動開始時：

• 記錄被拖動條目當(dāng)前的y坐標(biāo)值；
• 設(shè)置文字便于觀察（下同）。

拖動時：

• 設(shè)置拖動邊界；
• 將當(dāng)前拖動的條目置于頂層；
• 記錄拖動時y坐標(biāo)值；
• 計算拖動距離。

拖動結(jié)束后：

• 根據(jù)被拖動條目的運動方向以及其他條目與被拖動條目的相對位置進(jìn)行判斷，確定受影響條目，并計算被影響條目應(yīng)該移動的距離（相對距離，y軸方向移動距離為一個條目高度）和方向。
• 修正拖動距離，以條目高度50為例，拖動距離求余，取50余數(shù)舍去。計算公式：[[dragy_instance-dragy_instance%50]]，dragy_instance為實際拖動距離正負(fù)值皆可使用此公式計算。
• 修正拖動后位置，移動距離[[dragy_instance_modify-dragy_instance]]。

本文由 @y13110 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議