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

  • 2022-04-02 14:02:52
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

一、事件(Events)

總體來(lái)說(shuō),Axure的交互是由以下兩個(gè)類(lèi)型的事件觸發(fā)的。

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

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

頁(yè)面事件,以【頁(yè)面載入時(shí)】事件為例,給大家詳細描述一下,見(jiàn)圖238。

瀏覽器獲取到一個(gè)加載頁(yè)面的請求(A),可以是首次打開(kāi)頁(yè)面,也可以是從其他頁(yè)面鏈接過(guò)來(lái)的。

1.jpg

(圖238)

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

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

如果頁(yè)面載入時(shí)的交互包含條件(D),瀏覽器會(huì )根據邏輯來(lái)執行合適的動(dòng)作(E/F);如果頁(yè)面載入時(shí)不包含條件,瀏覽器會(huì )直接執行動(dòng)作(G)。

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

下面是昆明網(wǎng)站建設總結的關(guān)于A(yíng)xure RP8中所有可用的頁(yè)面事件(Page Events)。

頁(yè)面載入時(shí):當頁(yè)面啟動(dòng)加載時(shí)。

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

窗口滾動(dòng)時(shí):當瀏覽器窗口滾動(dòng)時(shí)。

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

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

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

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

鼠標右鍵點(diǎn)擊時(shí):當頁(yè)面中的任何部件被鼠標右鍵點(diǎn)擊時(shí)(不含空白處)。

鼠標移動(dòng)時(shí):當鼠標在頁(yè)面任意位置移動(dòng)時(shí)(含空白處)。

按鍵按下時(shí):當鍵盤(pán)上的按鍵按下時(shí)。

按鍵釋放時(shí):當鍵盤(pán)上的按鍵釋放時(shí)。

自適應視圖改變時(shí):當自適應視圖改變時(shí)。

部件事件

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

1.jpg

(圖239)

用戶(hù)(A)對部件執行了交互動(dòng)作,如鼠標單擊,這個(gè)【鼠標點(diǎn)擊時(shí)】事件是附加在部件(B)上的。

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

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

如果沒(méi)有條件,瀏覽器會(huì )直接執行附加在該部件上的動(dòng)作(G)。

根據事件中動(dòng)作的不同,瀏覽器可能會(huì )刷新當前頁(yè)面或者加載其他頁(yè)面。

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

鼠標單擊時(shí):當部件被單擊。

鼠標移入時(shí):當光標移入部件范圍。

鼠標移出時(shí):當光標移出部件范圍。

鼠標雙擊時(shí):當時(shí)鼠標雙擊時(shí)。

鼠標右鍵點(diǎn)擊時(shí):當鼠標右鍵點(diǎn)擊時(shí)。

鼠標左鍵按下時(shí):當鼠標按下且沒(méi)有釋放時(shí)。

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

鼠標移動(dòng)時(shí):當鼠標的光標在一個(gè)部件上移動(dòng)時(shí)。

鼠標懸停時(shí):當光標在一個(gè)部件上懸停超過(guò)2秒時(shí)。

鼠標長(cháng)按時(shí):當一個(gè)部件被點(diǎn)擊并且鼠標按鍵保持超過(guò)2秒時(shí)。

按鍵按下時(shí):當鍵盤(pán)上的鍵按下時(shí)。

按鍵釋放時(shí):當鍵盤(pán)上的鍵彈起時(shí)。

移動(dòng)時(shí):當面板移動(dòng)時(shí)。

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

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

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

顯示時(shí):當面板通過(guò)交互動(dòng)作顯示時(shí)。

隱藏時(shí):當面板通過(guò)交互動(dòng)作隱藏時(shí)。

獲取焦點(diǎn)時(shí):當一個(gè)部件獲取焦點(diǎn)時(shí)。

失去焦點(diǎn)時(shí):當一個(gè)部件失去焦點(diǎn)時(shí)。

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

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

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

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

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

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

拖動(dòng)開(kāi)始時(shí):當一個(gè)拖動(dòng)動(dòng)作開(kāi)始時(shí)。

拖動(dòng)時(shí):當一個(gè)動(dòng)態(tài)面板正在被拖動(dòng)時(shí)。

結束拖動(dòng)時(shí):當一個(gè)拖動(dòng)動(dòng)作結束時(shí)。

向左拖動(dòng)結束時(shí):當一個(gè)面板向左拖動(dòng)結束時(shí)。

向右拖動(dòng)結束時(shí):當一個(gè)面板向右拖動(dòng)結束時(shí)。

載入時(shí):當動(dòng)態(tài)面板從一個(gè)頁(yè)面的加載中載入時(shí)。

向上拖動(dòng)結束時(shí):當一個(gè)面板向上拖動(dòng)結束時(shí)。

向下拖動(dòng)結束時(shí):當一個(gè)面板向下拖動(dòng)結束時(shí)。

滾動(dòng)時(shí):當一個(gè)有滾動(dòng)欄的面板上下滾動(dòng)時(shí)。

向上滾動(dòng)時(shí):當一個(gè)有垂直滾動(dòng)欄的面板向上滾動(dòng)時(shí)(Axure RP8新事件)。

向下滾動(dòng)時(shí):當一個(gè)有垂直滾動(dòng)欄的面板向下滾動(dòng)時(shí)(Axure RP8新事件)。


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

當前URL:http://amzcoolest.com/news/wzzz/3403.html

上一篇:Axure——交互基礎

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

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專(zhuān)線(xiàn):15368242187(微信同號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看