交互基礎:一、事件(Events)

  • 2022-04-02 14:02:52
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

一、事件(Events)

總體來說,Axure的交互是由以下兩個類型的事件觸發(fā)的。

頁面事件:是可以自動觸發(fā)的,比如當瀏覽器中加載頁面時,還有頁面滾動欄滾動時。

部件事件:對頁面中的部件進行直接交互,這些交互是由用戶直接觸發(fā)的,比如單擊某個按鈕。

頁面事件,以【頁面載入時】事件為例,給大家詳細描述一下,見圖238。

瀏覽器獲取到一個加載頁面的請求(A),可以是首次打開頁面,也可以是從其他頁面鏈接過來的。

1.jpg

(圖238)

頁面首先檢測是否有頁面加載時交互,【頁面加載時】事件(C)是附加在頁面上的(B)。

如果存在【頁面加載時】事件,瀏覽器會首先執(zhí)行頁面加載時的交互。在后面的章節(jié)中,會給大家講解不同頁面間基于【頁面載入時】事件的變量值的傳遞。

如果頁面載入時的交互包含條件(D),瀏覽器會根據邏輯來執(zhí)行合適的動作(E/F);如果頁面載入時不包含條件,瀏覽器會直接執(zhí)行動作(G)。

被請求的頁面渲染完畢(H),頁面載入時的交互執(zhí)行完畢。

下面是昆明網站建設總結的關于Axure RP8中所有可用的頁面事件(Page Events)。

頁面載入時:當頁面啟動加載時。

窗口調整尺寸時:當瀏覽器窗口大小改變時。

窗口滾動時:當瀏覽器窗口滾動時。

窗口向上滾動時:當瀏覽器中的內容向下滾動時(滾動條向上滾動時)。

窗口向下滾動時:當瀏覽器中的內容向上滾動時(滾動條向下滾動時)。

鼠標單擊時:頁面中的任意位置被單擊時(含空白處)。

鼠標雙擊時:當頁面中的任意位置被雙擊時(含空白處)。

鼠標右鍵點擊時:當頁面中的任何部件被鼠標右鍵點擊時(不含空白處)。

鼠標移動時:當鼠標在頁面任意位置移動時(含空白處)。

按鍵按下時:當鍵盤上的按鍵按下時。

按鍵釋放時:當鍵盤上的按鍵釋放時。

自適應視圖改變時:當自適應視圖改變時。

部件事件

如【鼠標單擊時】就是最基本的觸發(fā)事件,可以用于鼠標單擊時,也可用于在移動設備上手指單擊時,下面昆明網站制作小編給大家描述一下部件事件的執(zhí)行流程,見圖239。

1.jpg

(圖239)

用戶(A)對部件執(zhí)行了交互動作,如鼠標單擊,這個【鼠標點擊時】事件是附加在部件(B)上的。

不同的部件類型(如按鈕、復選框和下拉列表框等)擁有不同的交互響應(C)。比如,當用戶單擊一個按鈕之前,鼠標移入該按鈕的可見范圍內,我們可以使用【鼠標移入時】事件改變這個按鈕的交互樣式。

瀏覽器會檢測這個部件的事件上是否添加了條件邏輯(D)。比如,你可能添加了當用戶名輸入框為空時就執(zhí)行顯示錯誤提示動作(G);如果用戶名輸入框不為空,就執(zhí)行動作(E/F)。

如果沒有條件,瀏覽器會直接執(zhí)行附加在該部件上的動作(G)。

根據事件中動作的不同,瀏覽器可能會刷新當前頁面或者加載其他頁面。

下面是AxureRP8中所有可用的部件事件(Widget Events)

鼠標單擊時:當部件被單擊。

鼠標移入時:當光標移入部件范圍。

鼠標移出時:當光標移出部件范圍。

鼠標雙擊時:當時鼠標雙擊時。

鼠標右鍵點擊時:當鼠標右鍵點擊時。

鼠標左鍵按下時:當鼠標按下且沒有釋放時。

鼠標左鍵釋放時:當一個部件被鼠標單擊,這個事件由鼠標按鍵釋放觸發(fā)。

鼠標移動時:當鼠標的光標在一個部件上移動時。

鼠標懸停時:當光標在一個部件上懸停超過2秒時。

鼠標長按時:當一個部件被點擊并且鼠標按鍵保持超過2秒時。

按鍵按下時:當鍵盤上的鍵按下時。

按鍵釋放時:當鍵盤上的鍵彈起時。

移動時:當面板移動時。

旋轉時:當部件旋轉時(Axure RP8新事件,應用于形狀部件、線條、圖像和熱區(qū))。

調整尺寸時:當部件尺寸改變時(注意:在Axure RP8中,形狀部件、動態(tài)面板、熱區(qū)、內聯(lián)框架、圖像、文本輸入框和其他表單輸入部件都可以改變尺寸)。

項目調整尺寸時:該事件由中繼器中的任何部件尺寸改變時觸發(fā)(Axure RP8新事件)。

顯示時:當面板通過交互動作顯示時。

隱藏時:當面板通過交互動作隱藏時。

獲取焦點時:當一個部件獲取焦點時。

失去焦點時:當一個部件失去焦點時。

選項改變時:當下拉列表框或列表框部件中的選項改變時,這是條件的典型應用。

選中改變時:當部件使用【設置選中】動作設為選中或未選中時可以觸發(fā)此事件(Axure RP8新事件,在Axure RP8中可應用于形狀部件、圖像、線條、復選框、單選按鈕和樹部件)。

選中時:同【選中改變時】(Axure RP8新事件)。

未選中時:同【選中改變時】(Axure RP8新事件)。

文本改變時:當文本輸入框部件或文本區(qū)域部件中的文字改變時。

狀態(tài)改變時:當動態(tài)面板被設置了【設置面板狀態(tài)】動作時。

拖動開始時:當一個拖動動作開始時。

拖動時:當一個動態(tài)面板正在被拖動時。

結束拖動時:當一個拖動動作結束時。

向左拖動結束時:當一個面板向左拖動結束時。

向右拖動結束時:當一個面板向右拖動結束時。

載入時:當動態(tài)面板從一個頁面的加載中載入時。

向上拖動結束時:當一個面板向上拖動結束時。

向下拖動結束時:當一個面板向下拖動結束時。

滾動時:當一個有滾動欄的面板上下滾動時。

向上滾動時:當一個有垂直滾動欄的面板向上滾動時(Axure RP8新事件)。

向下滾動時:當一個有垂直滾動欄的面板向下滾動時(Axure RP8新事件)。


當前文章標題:交互基礎:一、事件(Events)

當前URL:http://51zuanshi.com.cn/news/wzzz/3403.html

上一篇:Axure——交互基礎

下一篇:交互基礎:二、用例(Cases)

網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)