Axure中RP基本交互設(shè)計簡介

時間：2025-12-15 03:49:33 網(wǎng)頁設(shè)計

　　今天為大家介紹的是Axure RP基本交互設(shè)計簡介，希望大家會喜歡。

　　Axure RP基本交互設(shè)計

　　控件的交互

　　控件交互面板用于定義線框圖中控件的行為，包含定義簡單的鏈接和復(fù)雜的RIA 行為，所定義的交互都可以在將來生成的原型中進(jìn)行操作執(zhí)行。

　　在控件交互面板中可以定義控件的交互，交互事件(Events) 、場景( Cases)和動作(Actions)組成：

　　用戶操作界面時就會觸發(fā)事件，如鼠標(biāo)的 OnClick、OnMouseEnter 和 OnMouseOut;

　　每個事件可以包含多個場景，場景也就是事件觸發(fā)后要滿足的條件;

　　每個場景可執(zhí)行多個動作，例如：打開鏈接、顯示面板、隱藏面板、移動面板。

　　定義鏈接

　　下列步驟說明如何在按鈕控件上定義一個鏈接：

　　1.首先，拖拉一個按鈕控件到線框圖中，并選擇這個按鈕;

　　2.然后，控件交互面板中鼠標(biāo)雙擊“OnClick”這個事件，這時會出現(xiàn)“Interaction Case Properties”對話窗，在這個對話框中可以選擇要執(zhí)行的動作;

　　3.在“Step 2”中，勾選“Open Link in Current Window”動作。

　　4.在“Step 3”中，點擊“Link”，在彈出的Link Properties 對話框中可以選擇要鏈接的頁面或其它網(wǎng)頁地址。

　　除了上面的步驟，加入一個鏈接的最快的方法是單擊控件交互面板頂部的“QuickLink” ，在彈出的 Link Properties 對話框中選擇要鏈接的頁面。

　　設(shè)置動作

　　除了簡單的鏈接之外，Axure還提供了許多豐富的動作，這些動作可以在任何觸發(fā)事件的場景中執(zhí)行。以下是 Axure所支持的動作：

　　Open Link in Current Window：在當(dāng)前窗口打開一個頁面

　　Open Link in Popup Window：在彈出的窗口中打開一個頁面

　　Open Link in Parent Window：在父窗口中打開一個頁面

　　Close Current Window：關(guān)閉當(dāng)前窗口

　　Open Link in Frame：在框架中打開一個頁面

　　Set Panel state(s) to State(s)：為動態(tài)面板設(shè)定要顯示的狀態(tài)

　　Show Panel(s)：顯示動態(tài)面板

　　Hide Panel(s)：隱藏動態(tài)面板

　　Toggle Visibility for Panel(s)：切換動態(tài)面板的顯示狀態(tài)(顯示/隱藏)

　　Move Panel(s)：根據(jù)絕對坐標(biāo)或相對坐標(biāo)來移動動態(tài)面板

　　Set Variable and Widget value(s) equal to Value(s)：設(shè)定變量值或控件值

　　Open Link in Parent Frame：在父頁面的嵌框架中打開一個頁面

　　Scroll to Image Map Region：滾動頁面到

　　Image Map 所在位置

　　Enable Widget(s)：把對象狀態(tài)變成可用狀態(tài)

　　Disable Widget(s)：把對象狀態(tài)變成不可用狀態(tài)

　　Wait Time(s)：等待多少毫秒(ms)后再進(jìn)行這個動作

　　Other：顯示動作的文字說明

　　多個場景(條件)

　　一個觸發(fā)事件可以包含有多個場景，根據(jù)條件執(zhí)行流程或互動。

　　事件: OnPageLoad

　　Axure支持一個頁面層級的觸發(fā)事件：OnPageLoad，這個事件在原型載入頁面時觸發(fā)。

　　頁面 OnPageLoad事件在頁面?zhèn)渥⒚姘逯械腎nteractions 子面板中定義， OnPageLoad為事件添加場景的方式與控件事件相同

【Axure中RP基本交互設(shè)計簡介】相關(guān)文章：

解讀交互設(shè)計-Axure原型交互輸出10-20

Axure7交互設(shè)計響應(yīng)式方案03-22

Axure常用交互實例教程12-19

Axure的格式和樣式簡介08-21

axure元件使用方法簡介10-17