事件-情形-動作（Events-Cases-Actions)

互動定義了一個元件或者頁面的動態行為。在AXURE的右側互動欄目中建立和管理互動。可以在底部來設定互動，也可以單擊新建互動來建立。

提示：當視窗空間不夠大時可採用以下方法來開啟互動編輯器

單擊“ 互動”窗格右下角的視窗圖示雙擊某一個事件20190714211314.png

互動的構成

一個互動由3部分構成(具體可檢視下圖：

元件或頁面的事件；在此事件上的情形；針對該情形的動作。事件是透過不同的情形和動作來對外界輸入作出的一種反映。所以，事件包含一個或多情形，而情形中又可包含多個動作不同的情形透過判斷各自的條件來進行將要做什麼，也就是說，不同的情形是不會同時發生的。就相當於寫 if() 語句時，

用集合的概念來描述上面三者的關係：事件>情形>動作。 因此事件可以理解為Function， 情形理解為條件1，2，3，而動作則理解為Actions。

事件：約會

情形動作情形1:下雨時1.買一把漂亮的雙人雨傘；2.提前訂好一個室內的餐館；3.告訴對方餐館地址及時間。情形2：未下雨時1. 去公園散步；2.告訴對方在哪個公園。

事件<span></span>

如上圖所示，紅色邊框內的為與元件或頁面對應的事件，原型在載入時，事件會被觸發， 例如右側的狀態改變時事件，還有載入時事件。

情形主要是指附著在事件上的用例，一個事件可以有多個情形，當滑鼠懸浮在事件上時，可以看到右側的新增情形按鈕，可以設定觸發條件來設定情形的啟動。情形的刪除：選中某一個情形後，直接按<kbd>Delete</kbd>即可。

注意：可用滑鼠來拖動情形的順序，特別是你使用條件邏輯時，情形的順序是非常重要的。在上圖中的<font color=red>紅色</font>框內為情形。

動作<a></a>

動作是在某一情形下的操作。

動作的新增：直接在情形的右側新增目標按鈕，亦可單擊情形下方的+按鈕。同理，可用滑鼠來拖動動作的順序。

在上圖中的<font color=yellow>黃色</font>框內為動作。

頁面和母版的事件<a></a>

頁面載入時 OnPageLoad：Web瀏覽器中載入頁面時視窗尺寸改變時 OnWindowResize：調整瀏覽器視窗大小時視窗滾動時 OnWindowScroll：當瀏覽器視窗向任何方向滾動時視窗向上滾動時 OnWindowScrollUp：當瀏覽器視窗向上滾動時視窗向下滾動時OnWindowScrollDown：當瀏覽器視窗向下滾動時頁面單擊時 OnPageClick：單擊頁面背景時頁面雙擊時 OnPageDoubleClick：雙擊頁面背景時頁面滑鼠右擊時 OnPageContextMenu：右鍵單擊頁面的背景頁面滑鼠移動時 OnPageMouseMove：當游標在頁面上移動時連續觸發頁面按鍵按下時 OnPageKeyDown：按下鍵盤鍵時頁面按鈕鬆開時 OnPageKeyUp：釋放鍵盤鍵時自適應檢視改變時 OnAdaptiveViewChange：當前自適應檢視由於瀏覽器視窗大小調整而改變，或者透過設定自適應檢視操作或原型播放器中的自適應檢視下拉列表來設定檢視9Interactions.png元件的事件

所有元件適用的事件

OnClick：單擊小部件時OnMouseEnter：當游標移動到視窗小部件上時OnMouseOut：當游標移出小部件時OnDoubleClick：雙擊視窗小部件時OnContextMenu：右鍵單擊視窗小部件OnMouseDown：單擊小部件時，按下游標OnMouseUp：單擊小部件時，單擊釋放後OnMouseMove：在視窗小部件上移動游標時連續觸發OnMouseHover：游標懸停在視窗小部件上一秒鐘後OnLongClick：單擊小部件並保持一秒鐘OnKeyDown：在鍵入小部件時按下鍵盤鍵OnKeyUp：鍵入小部件時釋放鍵盤鍵OnMove：當移動操作移動視窗小部件時OnRotate：透過“ 旋轉”操作旋轉視窗小部件時OnResize：透過“ 設定大小”操作更改視窗小部件的大小時OnShow：透過“ 顯示”或“ 切換可見性”操作顯示視窗小部件時OnHide：透過“ 隱藏”或“ 切換可見性”操作隱藏視窗小部件時OnFocus：當視窗小部件透過單擊或選項卡獲得瀏覽器焦點時OnLostFocus：當視窗小部件透過單擊或標籤離開時失去瀏覽器焦點OnLoad：當小部件最初在Web瀏覽器中載入時（在OnPageLoad之後觸發）OnSelectedChange：當視窗小部件的選定狀態由於“ 設定選定”操作或單擊複選框或單選按鈕而發生更改時OnSelected：使用“ 設定選定”操作或單擊複選框或單選按鈕將視窗小部件設定為其選定狀態時OnUnselected：使用“ 設定選定”操作或單擊複選框或單選按鈕將視窗小部件設定為未選定狀態時僅用於下拉列表和列表框的事件

OnSelectionChange：當下拉列表或列表框中的選定選項發生更改時

僅限動態面板OnPanelStateChange：當動態面板的狀態與變化設定面板州行動OnDragStart：當您開始拖動動態面板時OnDrag：在拖動動態面板時連續觸發OnDragDrop：當您停止拖動動態面板時（釋放滑鼠時觸發，而不是在它停止移動時觸發）OnSwipeLeft：當動態面板是由右至左刷卡OnSwipeRight：當動態面板從刷卡左到右OnSwipeUp：當一個動態面板從底部刷到頂部OnSwipeDown：當一個動態面板從頂部刷卡到底部OnScroll：當帶有捲軸的動態面板向任何方向滾動時OnScrollUp：帶有捲軸的動態面板向上滾動OnScrollDown：向下滾動帶有捲軸的動態面板僅限中繼器OnItemLoad：當轉發器的專案首次載入到Web瀏覽器中並且轉發器的資料集以任何方式更改時OnItemResize：當轉發器專案的大小因任何互動而變化時（例如專案中的小部件被顯示，隱藏或調整大小）

動作集<a id = ActionLists></a>

連結links

開啟連結：可在以下三個位置中開啟URL或原型內部頁面：

當前視窗：當前的瀏覽器視窗新視窗/選項卡：新的瀏覽器視窗或選項卡彈出視窗：彈出視窗父視窗：彈出視窗的父視窗（必須在彈出視窗中載入的頁面中使用）關閉視窗：關閉當前瀏覽器視窗或選項卡在框架中開啟連結：更改內嵌框架視窗小部件或包含嵌入框架的頁面中載入的頁面內聯框架：和頁面上的內聯框架父框架：包含內聯框架的頁面（必須在內聯框架中載入的頁面中使用）滾動到視窗小部件（錨點連結）：將瀏覽器視窗滾動到頁面上視窗小部件的位置元件顯示/隱藏：更改視窗小部件的可見性設定面板狀態：更改動態面板的可見狀態設定文字：更改視窗小部件上的文字設定影象：更改影象視窗小部件上的影象設定選中設定選定列表選項：更改下拉列表或列表框的選定列表選項啟用/禁用：啟用或禁用視窗小部件。禁用的視窗小部件無法在Web瀏覽器中進行互動，並且如果它具有“已禁用”樣式效果，則其可視外觀會更改移動：將小部件移動到頁面上的新位置旋轉：圍繞選定的錨點旋轉視窗小部件設定大小：更改小部件的大小帶到前/後：將小部件帶到頁面深度順序（z-index）的最前層或最後層設定不透明度：更改視窗小部件的不透明度焦點：提供視窗小部件瀏覽器焦點，將文字游標移動到文字輸入視窗小部件並突出顯示可單擊的視窗小部件展開/摺疊樹節點：展開或摺疊樹視窗小部件的選定節點變數設定變數值：設定全域性變數的值

中繼器

新增排序：使用指定的排序條件對轉發器資料集進行排序刪除排序：從轉發器中刪除排序新增過濾器：使用指定的過濾條件過濾轉發器資料集刪除過濾器：從轉發器中刪除過濾設定當前頁面：顯示分頁轉發器的特定頁面每頁設定專案數：設定分頁轉發器每頁顯示的專案數資料集>新增行：向轉發器的資料集新增新行資料集>標記行：標記轉發器資料集中符合指定條件的行資料集>取消標記行：取消標記轉發器資料集中符合指定條件的行資料集>更新行：更新轉發器資料集中的現有資料資料集>刪除行：從轉發器的資料集中刪除行

其他動作

設定自適應檢視：更改Web瀏覽器中顯示的自適應檢視等待：在執行任何後續操作之前，以毫秒為單位新增指定時間的暫停其他：顯示指定的文字描述（作為尚未原型化的操作的佔位符）Fire事件：在頁面，主控或視窗小部件上觸發指定的事件提升事件： “提升”主人控制元件中的事件直到頁面級別