偶看新闻工业用刀:拖拽效果
来源：百度文库 编辑：偶看新闻 时间：2024/05/05 09:49:37
在设计中应用拖拽，可以直观有趣的替代移动、复制、添加、删除等操作。在Axure中，拖拽效果的实现相对复杂。具体如下：
第一步：
从widget 库中拖出一个矩形，双击添加文字“拖拽物”。在矩形上点击右键，选择Convert – Convert to Dynamic Panel。然后在widget properties面板里，为该矩形写入标签：“拖拽物”。
第二步：
选中该矩形，在软件右侧区域中的“组件属性(Widgets Properties)”中选择“交互(Interactions)”面板，双击“OnDragStart”， 在Case Editor中设置如下：
点击“OK”后保存设置并退出Case Editor。该步骤是为了保证在有多个拖拽物存在的时候，被拖动的拖拽物总是在最前面，不会被其他的拖拽物所遮挡。
点击“OK”后保存设置并退出Case Editor。
第三步：
双击“OnDrag”， 在Case Editor中设置如下：
注意此处在右下角的Move下拉菜单中默认是“with drag”，也就是说拖拽物会完全跟随鼠标移动。如果是选择“with drag x”，则是跟随鼠标x轴(水平)移动，垂直方向位置不变。如果是选择“with drag y”，则是跟随鼠标y轴(处置)移动，水平方向位置不变。
第四步：
双击“OnDragDrop”， 在Case Editor中设置如下：
注意此处在右下角的Move下拉菜单中默认是“to x，y beofore drag”，也就是说拖拽物在鼠标左键松开的时候，会回到起始位置。如果此处选择“with drag x”，则拖拽物停留于鼠标x轴坐标处。如果是选择“with drag y”，则拖拽物停留于鼠标的y轴坐标处。
点击“OK”后保存设置并退出Case Editor，按“F5”可在浏览器中查看效果，希望对各位有所帮助。