原型設(shè)計(jì)工具Axure RP新手教程（十五）：拖放教程

---

Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計(jì)的快速原型設(shè)計(jì)工具， 可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計(jì)師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

免費(fèi)下載Axure RP 優(yōu)惠購(gòu)買Axure RP

---

在本教程中，您將學(xué)習(xí)如何使小部件可拖動(dòng)。 您還將學(xué)習(xí)在拖動(dòng)小部件后將其放下時(shí)如何執(zhí)行動(dòng)作。

小部件設(shè)置

• 打開一個(gè)新的RP文件，然后在畫布上打開Page 1。
• 將一個(gè)占位符小部件拖動(dòng)到畫布上。
• 右鍵單擊占位符，然后在上下文菜單中選擇Create Dynamic Panel（創(chuàng)建動(dòng)態(tài)面板）。

注意：動(dòng)態(tài)面板是唯一具有拖動(dòng)事件的窗口小部件，因此任何要拖動(dòng)的元素都必須放置在動(dòng)態(tài)面板中。

移動(dòng)帶有拖拽事件的動(dòng)態(tài)面板

• 選擇動(dòng)態(tài)面板，然后在Interactions（交互）窗格中單擊New Interactions（新建交互）。
• 在出現(xiàn)的列表中選擇拖動(dòng)事件，然后選擇Move（移動(dòng)）動(dòng)作。
• 在目標(biāo)下拉列表中選擇此小部件。
• 在Move（移動(dòng)）下拉列表中將With Drag（拖曳）保留為選中狀態(tài)，然后單擊確定保存操作。在Web瀏覽器中拖動(dòng)光標(biāo)時(shí)，這將使動(dòng)態(tài)面板移動(dòng)到光標(biāo)所處的位置。

預(yù)覽

預(yù)覽頁面并在其中拖動(dòng)占位符。

放置時(shí)將動(dòng)態(tài)面板移回其初始位置

• 返回Axure RP，選擇動(dòng)態(tài)面板，然后在Interactions（交互）窗格中單擊New Interactions（新建交互）。
• 在出現(xiàn)的列表中選擇拖放事件，然后選擇Move（移動(dòng)）動(dòng)作。
• 在目標(biāo)下拉列表中選擇此小部件。
• 在Move（移動(dòng)）下拉列表中選擇在拖動(dòng)前保持x，y，然后單擊確定保存操作。當(dāng)您停止在Web瀏覽器中拖動(dòng)動(dòng)態(tài)面板時(shí)，這會(huì)將其返回到其初始位置。

預(yù)覽

再次預(yù)覽頁面，然后拖動(dòng)占位符。請(qǐng)注意，當(dāng)再放下它時(shí)，它會(huì)返回到其起始位置。

關(guān)注慧聚IT微信公眾號(hào)???，了解產(chǎn)品的最新動(dòng)態(tài)及最新資訊。