原型设计工具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更多资源、正版授权的伙伴，请咨询【客服】了解

标签：