本文将为大家介绍如何用Axure实现列表拖动排序的上下拖动,希望该教程对你有所帮助。

最近使用Axure过程中碰到要对列表做排序,自然想到的是用中继器来实现。看了这篇文章《Axure教程:列表拖动排序的实现方式》 受到了不少的启发,但是只能向上拖动毕竟不太好,经过研究发现还是有办法实现上下拖动的。
我使用的是Axure RP 9,如果是Axure RP 8原理上基本相同。

一、原型原理
要进行拖动排序,主要是计算拖动到达的位置处于整个列表的相对位置,再进行插入。
二、思考过程
要进行拖动,就要使用动态面板。
动态面板放在中继器里可以很容易的获取到中继器里的数据
但是如果直接拖动动态面板,就会像上面提到的文章一样,只能往上拖动,往下拖动会把排在下方的条目往下推,达不到排序的目的。
这里只需要将被拖动的元件放在中继器外,拖动过程中将中继器里的数据放在被拖动的元件上即可!
闽ICP备13000641号-4