您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure教程:列表拖动排序的实现方式

发布人:www.yunke.ai 发布时间:2021-01-01 150 次浏览

在很多任务管理,计划管理类的应用中,大都有对列表进行拖动排序的功能,这样非常方便用户根据自己的需要进行排列。但是用 Axure 实现这一功能,网上似乎没有一篇有关的教程,而你能搜索到的也只是关于 Axure 无法实现拖动排序的言论。但这是真的吗?本文作者将在此给你揭晓答案。

经过大鹏的多次尝试,使用 Axure 制作拖动排序原型的难题终于有了很大进展,但还没有完全攻克。因为目前的实现效果还有很大的缺陷,实际上也只是实现了一部分的拖动排序功能。也就是,只能实现向上拖动排序,无法实现向下拖动排序。

先来看一下效果吧。

点击预览

一、原型解析

其实这个原型的交互也十分简单,只有一种操作:拖动。

当你选中一个条目向上拖动到它上面的条目的上面时,松开鼠标,被你拖动的这个条目就会插入到你拖到的位置,同时将它下面的条目挤下去,从而达到重新排序的效果。

然后,你可以无限次的拖动。

但由于原型本身存在的缺陷,你只能向上拖动,向下拖动的时候是无法改变每个条目原本的顺序的,也就是没有办法重新排序。

二、设计思路

这个原型其实有两个要点:一是拖动,二是排序。