如何用Axure实现列表拖动排序?这篇文章《Axure教程:列表拖动排序的实现方式 》 提出用中继器可以实现,但是明确指出只能向上拖动。本文有个方法,不仅可以向上拖动,还可以向下拖动。
手动实现效果如下:
步骤如下,大神轻拍。
拖动开始时:
- 记录被拖动条目当前的y坐标值;
- 设置文字便于观察(下同)。
拖动时:
- 设置拖动边界;
- 将当前拖动的条目置于顶层;
- 记录拖动时y坐标值;
- 计算拖动距离。
拖动结束后:
- 根据被拖动条目的运动方向以及其他条目与被拖动条目的相对位置进行判断,确定受影响条目,并计算被影响条目应该移动的距离(相对距离,y轴方向移动距离为一个条目高度)和方向。
- 修正拖动距离,以条目高度50为例,拖动距离求余,取50余数舍去。计算公式:[[dragy_instance-dragy_instance%50]],dragy_instance为实际拖动距离正负值皆可使用此公式计算。
- 修正拖动后位置,移动距离[[dragy_instance_modify-dragy_instance]]。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。