快好知 kuaihz

Axure:实现列表上下拖动的方法

如何用Axure实现列表拖动排序?这篇文章《Axure教程:列表拖动排序的实现方式  》 提出用中继器可以实现,但是明确指出只能向上拖动。本文有个方法,不仅可以向上拖动,还可以向下拖动

手动实现效果如下:

步骤如下,大神轻拍。

拖动开始时:

记录被拖动条目当前的y坐标值;

设置文字便于观察(下同)。

拖动时:

设置拖动边界;

将当前拖动条目置于顶层;

记录拖动时y坐标值;

计算拖动距离。

拖动结束后:

根据被拖动条目的运动方向以及其他条目与被拖动条目的相对位置进行判断,确定受影响条目,并计算被影响条目应该移动的距离(相对距离,y轴方向移动距离为一个条目高度)和方向。

修正拖动距离,以条目高度50为例,拖动距离求余,取50余数舍去。计算公式:[[dragy_instance-dragy_instance%50]],dragy_instance为实际拖动距离正负值皆可使用此公式计算。

修正拖动后位置,移动距离[[dragy_instance_modify-dragy_instance]]。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:拖动  拖动词条  上下  上下词条  实现  实现词条  方法  方法词条  列表  列表词条  
原型

 Axure交互|QQ三大界面的交...

作为一个尚未出道的新人,在看各位大咖的产品之路,更为兴奋和谨慎,提笔在于记录产品路的点点滴滴,也欢迎一起沟通和学习。这里我就用一个主界面和多层的动态面板内嵌(只...(展开)

原型

 Axure教程:一个中继器实现密...

本文给大家介绍用一个中继器实现axure登录时账号密码验证效果,一起来看看~实现效果如下图:工具/原料:账号文本框密码文本框登录按钮中继器记录密码的文本标签(隐...(展开)