彩票走势图

原型设计工具Axure RP新手教程（十五）：拖放教程

翻译|使用教程|编辑：况鱼杰|2020-02-27 10:57:57.053|阅读 407 次

概述：在本教程中，您将学习如何使小部件可拖动。 您还将学习在拖动小部件后将其放下时如何执行动作。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接：

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具， 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP

在本教程中，您将学习如何使小部件可拖动。 您还将学习在拖动小部件后将其放下时如何执行动作。

小部件设置



  • 打开一个新的RP文件，然后在画布上打开Page 1。
  • 将一个占位符小部件拖动到画布上。
  • 右键单击占位符，然后在上下文菜单中选择Create Dynamic Panel（创建动态面板）。
注意：动态面板是唯一具有拖动事件的窗口小部件，因此任何要拖动的元素都必须放置在动态面板中。


移动带有拖拽事件的动态面板


  • 选择动态面板，然后在Interactions（交互）窗格中单击New Interactions（新建交互）。
  • 在出现的列表中选择拖动事件，然后选择Move（移动）动作。
  • 在目标下拉列表中选择此小部件。
  • 在Move（移动）下拉列表中将With Drag（拖曳）保留为选中状态，然后单击确定保存操作。在Web浏览器中拖动光标时，这将使动态面板移动到光标所处的位置。


预览

预览页面并在其中拖动占位符。

放置时将动态面板移回其初始位置



  • 返回Axure RP，选择动态面板，然后在Interactions（交互）窗格中单击New Interactions（新建交互）。
  • 在出现的列表中选择拖放事件，然后选择Move（移动）动作。
  • 在目标下拉列表中选择此小部件。
  • 在Move（移动）下拉列表中选择在拖动前保持x，y，然后单击确定保存操作。当您停止在Web浏览器中拖动动态面板时，这会将其返回到其初始位置。


预览

再次预览页面，然后拖动占位符。请注意，当再放下它时，它会返回到其起始位置。

想要获得Axure RP更多资源、正版授权的伙伴，请咨询了解

关注慧聚IT微信公众号☟☟☟，了解产品的最新动态及最新资讯。

慧聚IT





标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP