Axure设计:拖拽控件上下排序优化
1、导入上一期的控件,具体可参考以下链接~

4、针对“动态面板:组件1“代码修改,其他“组件”的代码一样,只要后期复制即可~
5、”拖动开始时“的Case1用麻质跹礼例:---1.隐藏”动态面板:组件1“;拉动元件:下方;动画:线性;时间:100毫秒2.显示惯墀眚篪”动态面板:组件1“;置于顶层3.设置不透明度:80%4.设置“矩形:Label”值为:[[this.y]]---(隐藏”动态面板:组件1“时的拉动元件,可以不设置动画,设置动画及时间是为了有个“移动”的感觉,副作用就是相应的操作不能过快)


6、”拖动时“的Case1用例:---垂直拖动“动态面板:组件1“;移动:垂直拖动;设置界限---


9、用例:Case2判定条件:”值:[[this.y]]大于[[LVAR1.y+20]觥终柯计]“且”值:[[this.y]]小于等于[[LVAR1.height-20]]“---(其中,设置“元件:芟鲠阻缒background”为局部变量LVAR1)

10、动作:---1.移动”当前元件“到达指定(X,Y);2.隐藏当前组件3.显示当前组件;推动元件:下方---


12、用例:Case3判定条件:”值:[[this.y]]小于等于[[LVAR1.y+20]]“---(其中,设置“元件:background”为局部变量LVAR1)

13、动作:---1.移动”当前元件“到达指定(X,Y);2.隐藏当前组件3.显示当前组件;推动元件:下方---


15、用例:Case4判定条件:”值:[[this.y]]大于[[LVAR1.height-20]]“---(其中,设置“元件:background”为局部变量LVAR1)

16、动作:---1.移动”当前元件“到达指定(X,Y);2.隐藏当前组件3.显示当前组件;推动元件:下方---


19、觉得不错,对你有帮助的话,请投个票,加个赞哦~