Axure交互基礎技術型文科人才系列課程主講人：文學與傳媒學院新媒體產品設計與項目管理第五章AxureRP交互基礎5.1AxureRP交互的三要素5.2實現注冊信息驗證交互功能第五章AxureRP交互基礎5.1AxureRP交互的三要素事件（events）：是一個交互的觸發器，例如，一個點擊，鼠標懸停，鼠標拖動，一個拖放等。不同的部件擁有不同的響應事件。用例（cases）：是響應事件的路徑，它可以定義條件邏輯。動作（actions）：對事件的響應，也可以理解為事件的結果。事件：當……，什么時候第五章AxureRP交互基礎Axure的事件有兩種：頁面事件：頁面加載時/頁面載入……頁面載入時OnPageLoad:當頁面啟動加載時窗口改變大小時OnWindowResize:當瀏覽器窗口大小改變時窗口滾動時OnWindowScroll:當瀏覽器窗口滾動時鼠標單擊時OnClick:頁面中的任何部件被點擊時（不含空白處）鼠標雙擊時OnDoubleClick:當頁面中的任何部件被雙擊時（不含空白處）鼠標右鍵單擊時OnContextMenu:當頁面中的任何部件被鼠標右鍵點擊時（不含空白處）鼠標移動時OnMouseMove:當鼠標在頁面任何位置移動時按鍵按下時OnKeyDown:當鍵盤上的按鍵按下時按鍵彈起時OnKeyUp:當鍵盤上的按鍵釋放時自適應視圖更改時OnAdaptiveViewChange:當自適應視圖更改時當……什么時候第五章AxureRP交互基礎Axure的事件有兩種：元件事件鼠標單擊時/鼠標移入時……鼠標點擊并保持超過2秒時OnLongClick:當一個部件被點擊并且鼠標按鍵保持超過2秒時按鍵按下時OnKeyDown:當鍵盤上的鍵按下時按鍵彈起時OnKeyUp:當鍵盤上的鍵彈起時移動OnMove:當面板移動時顯示OnShow:當面板通過交互動作顯示時隱藏OnHide:當面板通過交互動作隱藏時獲取焦點OnFocus:當一個表單獲取焦點時失去焦點時OnLostFocus:當一個部件失去焦點時鼠標單擊時OnClick:當部件被點擊鼠標移入時OnMouseEnter:當光標移入部件范圍鼠標移出時OnMouseOut:當光標移出部件范圍鼠標雙擊時OnDoubleClick:當時鼠標雙擊時鼠標右鍵單擊時OnContextMenu:當鼠標右鍵點擊時鼠標按鍵按下時OnMouseDown:當鼠標按下且沒有釋放時鼠標按鍵釋放時OnMouseUp:當一個部件被鼠標點擊,這個事件由鼠標按鍵釋放觸發鼠標移動時OnMouseMove:當光標在一個部件上移動時鼠標懸停超過2秒時OnMouseHover:當光標在一個部件上懸停超過2秒時動作動作1.鏈接：切換用戶UI鏈接動作包括當前窗口打開鏈接、新窗口/標簽頁打開鏈接、彈出窗口打開鏈接、父窗口打開鏈接、關閉窗口、內部框架打開鏈接以及滾動到部件（錨點鏈接）。動作2.元件：元件效果元件動作是常用到的交互行為，它分為元件的顯示/隱藏行為、設置元件文本行為、設置元件圖像行為、設置元件選擇/選中行為、設置元件選定的列表項行為、設置元件啟用/禁用行為，設置元件移動行為，設置元件置于頂層/底層行為、設置元件獲得焦點行為、設置元件展開/折疊樹節點行為，元件的交互行為越豐富，制作出的原型交互效果體驗度越真實。動作3.設置動態面板動態面板的動作包括設置動態面板的顯示、隱藏以及設置動態面板的顯示效果，同時可以設置動態面板的大小，通過動態面板的使用，可以使原型的交互效果更真實，體驗度更好動作4.中繼器：動態操作數據中繼器的動作可以實現對數據的增加、刪除、修改、查詢等功能，模擬真實系統的數據庫操作，進一步加強交互效果，給用戶最真實的系統使用體驗。案例當“用戶名”文本框獲取焦點時，顯示提示信息；當“用戶名”文本框失去焦點時，隱藏提示信息；交互對象：用戶名文本框事件：當用戶名文本框獲取焦點時動作：顯示提示信息事件：當用戶名文本框失去焦點時動作：隱藏提示信息注意：提示信息初始狀態為隱藏。交互對象：密碼文本框事件：當密碼文本框獲取焦點時動作：顯示密碼提示信息用例1.新建、刪除條件和條件之間關系當選擇“全部”的時候，多個條件是并集關系，當設置的條件都滿足時，才執行相關動作。選擇“任意”的時候，當多個條件有一個滿足時，就可以執行相關動作。2.條件設置條件設置部分可以理解為三個部分，用來比較圖的圈4和圈6的關系，圖圈5是運算符，是比較方式。隨著圖的圈4選擇，圈6也是隨著變化。交互對象：密碼文本框事件：當密碼文本框失去焦點時用例1：密碼文本框

元件文字長度<6動作1：隱藏密碼提示信息動作2：密碼格式提示

設置文本

密碼格式不符合要求

用例2：密碼文本框

元件文字長度>=6動作：隱藏密碼提示信息動作2：密碼格式提示

設置文本“”案例當“密碼”文本框失去焦點時，判斷密碼是否大于6位，否則顯示提示信息：密碼設置不符合要求；案例:多個邏輯條件當鼠標單擊“注冊”按鈕時，如果用戶名、手機號、密碼文本框為空，則提示“用戶名、密碼、手機號不符合要求”；當鼠標單擊“注冊”按鈕時，如果未選中“閱讀同意協議”，則提示“請閱讀并同意用戶協議”；當鼠標單擊“注冊”按鈕時，如果文本框不為空且同意協議，則打開鏈接“注冊成功”頁面。案例:多個邏輯條件5.2實現注冊信息驗證交互功能案例描述：當鼠標懸停用戶名、手機號、密碼文本框或獲取焦點時，邊框顏色改變；當“用戶名”文本框獲取焦點時，顯示提示信息，失去焦點時，隱藏提示信息；當“密碼”文本框失去焦點時，判斷密碼是否大于6位，否則顯示提示信息；當鼠標單擊“注冊”按鈕時，如果用戶名、手機號、密碼文本框為空，則提示“不能為空”；當鼠標單擊“注冊”按鈕時，如果為選中“閱讀同意協議”，則提示“請閱讀并同意用戶協議”；當鼠標單擊“注冊”按鈕時，如果