第5節(jié) Axure控件交互面板(Annotations & Interactions)

2.5  控件交互面板(Annotations & Interactions)

控件交互面板用于定義線框圖中控件的行為，包含定義簡單的鏈接和復雜的RIA行為，所定義的交互都可以在將來生成的原型中進行操作執(zhí)行。在控件交互面板中可以定義控件的交互，交互由事件（Events）、場景（ Cases）和動作（Actions）組成：

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

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

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

1. 事件名稱

目前Axure RP 5支持的事件如下：

OnClick：鼠標點擊 

OnMouseEnter：鼠標的指針移動到對象上 

OnMouseOut：鼠標的指針移動出對象外 

OnFocus：鼠標的指針進入文字輸入狀態(tài)（獲得焦點） 

OnLostFocus：鼠標的指針離開文字輸入狀態(tài) （失去焦點） 

OnPageLoad：頁面或模塊載入

大多對象只具備常見的三種觸發(fā)事件：OnClick、OnMouseEnter 與OnMouseOut，一些特殊的控件可觸發(fā)的事件有些不同：

按鈕控件只有OnClick 

單選框和復選框則具有OnFocus、 OnLostFocus 

文本框、文本域、下拉框、列表框則具有OnKeyUp、OnFocus、OnLostFocus 

頁面加載或模塊被載入時則發(fā)生OnPageLoad

2. 動作名稱

以下是 Axure所支持的動作：

Open Link in Current Window：在當前窗口打開一個頁面 

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

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

Close Current Window：關閉當前窗口 

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

Set Panel state(s) to State(s)：為動態(tài)面板設定要顯示的狀態(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ù)絕對坐標或相對坐標來移動動態(tài)面板 

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

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)后再進行這個動作 

Other：顯示動作的文字說明

3. 場景

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

例如，可以在一個按鈕的OnClick觸發(fā)事件中加入兩個場景，第一個場景可以加入一個條件說明(“If Yes”)并執(zhí)行第一個動作；第二個場景則可加入另一個條件說明(“If No”)并執(zhí)行第二個動作，如下圖所示：

按鈕圖例

當在原型中按下按鈕時，會顯示出這兩個條件說明(“If Yes”和“If No”)，點選其中一個條件說明，就會執(zhí)行該條件所關聯(lián)的動作。

使用條件說明可以有效操作條件流程，但如果需要建立一個高保真的原型，則必需在條件中定義條件邏輯：根據(jù)控件的值或變量值執(zhí)行動作。