原型設計工具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微信公眾號???，了解產品的最新動態及最新資訊。