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

---

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浏览器中拖动动态面板时，这会将其返回到其初始位置。

预览

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

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