一、事件（Events）

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

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

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

頁面事件，以【頁面載入時(shí)】事件為例，給大家詳細(xì)描述一下，見圖238。

瀏覽器獲取到一個(gè)加載頁面的請(qǐng)求（A），可以是首次打開頁面，也可以是從其他頁面鏈接過來的。

（圖238）

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

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

如果頁面載入時(shí)的交互包含條件（D），瀏覽器會(huì)根據(jù)邏輯來執(zhí)行合適的動(dòng)作（E/F）；如果頁面載入時(shí)不包含條件，瀏覽器會(huì)直接執(zhí)行動(dòng)作（G）。

被請(qǐng)求的頁面渲染完畢（H），頁面載入時(shí)的交互執(zhí)行完畢。

下面是昆明網(wǎng)站建設(shè)總結(jié)的關(guān)于Axure RP8中所有可用的頁面事件（Page Events）。

頁面載入時(shí)：當(dāng)頁面啟動(dòng)加載時(shí)。

窗口調(diào)整尺寸時(shí)：當(dāng)瀏覽器窗口大小改變時(shí)。

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

窗口向上滾動(dòng)時(shí)：當(dāng)瀏覽器中的內(nèi)容向下滾動(dòng)時(shí)（滾動(dòng)條向上滾動(dòng)時(shí)）。

窗口向下滾動(dòng)時(shí)：當(dāng)瀏覽器中的內(nèi)容向上滾動(dòng)時(shí)（滾動(dòng)條向下滾動(dòng)時(shí)）。

鼠標(biāo)單擊時(shí)：頁面中的任意位置被單擊時(shí)（含空白處）。

鼠標(biāo)雙擊時(shí)：當(dāng)頁面中的任意位置被雙擊時(shí)（含空白處）。

鼠標(biāo)右鍵點(diǎn)擊時(shí)：當(dāng)頁面中的任何部件被鼠標(biāo)右鍵點(diǎn)擊時(shí)（不含空白處）。

鼠標(biāo)移動(dòng)時(shí)：當(dāng)鼠標(biāo)在頁面任意位置移動(dòng)時(shí)（含空白處）。

按鍵按下時(shí)：當(dāng)鍵盤上的按鍵按下時(shí)。

按鍵釋放時(shí)：當(dāng)鍵盤上的按鍵釋放時(shí)。

自適應(yīng)視圖改變時(shí)：當(dāng)自適應(yīng)視圖改變時(shí)。

部件事件

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

（圖239）

用戶（A）對(duì)部件執(zhí)行了交互動(dòng)作，如鼠標(biāo)單擊，這個(gè)【鼠標(biāo)點(diǎn)擊時(shí)】事件是附加在部件（B）上的。

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

瀏覽器會(huì)檢測(cè)這個(gè)部件的事件上是否添加了條件邏輯（D）。比如，你可能添加了當(dāng)用戶名輸入框?yàn)榭諘r(shí)就執(zhí)行顯示錯(cuò)誤提示動(dòng)作（G）；如果用戶名輸入框不為空，就執(zhí)行動(dòng)作（E/F）。

如果沒有條件，瀏覽器會(huì)直接執(zhí)行附加在該部件上的動(dòng)作（G）。

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

下面是AxureRP8中所有可用的部件事件（Widget Events）

鼠標(biāo)單擊時(shí)：當(dāng)部件被單擊。

鼠標(biāo)移入時(shí)：當(dāng)光標(biāo)移入部件范圍。

鼠標(biāo)移出時(shí)：當(dāng)光標(biāo)移出部件范圍。

鼠標(biāo)雙擊時(shí)：當(dāng)時(shí)鼠標(biāo)雙擊時(shí)。

鼠標(biāo)右鍵點(diǎn)擊時(shí)：當(dāng)鼠標(biāo)右鍵點(diǎn)擊時(shí)。

鼠標(biāo)左鍵按下時(shí)：當(dāng)鼠標(biāo)按下且沒有釋放時(shí)。

鼠標(biāo)左鍵釋放時(shí)：當(dāng)一個(gè)部件被鼠標(biāo)單擊，這個(gè)事件由鼠標(biāo)按鍵釋放觸發(fā)。

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

鼠標(biāo)懸停時(shí)：當(dāng)光標(biāo)在一個(gè)部件上懸停超過2秒時(shí)。

鼠標(biāo)長(zhǎng)按時(shí)：當(dāng)一個(gè)部件被點(diǎn)擊并且鼠標(biāo)按鍵保持超過2秒時(shí)。

按鍵按下時(shí)：當(dāng)鍵盤上的鍵按下時(shí)。

按鍵釋放時(shí)：當(dāng)鍵盤上的鍵彈起時(shí)。

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

旋轉(zhuǎn)時(shí)：當(dāng)部件旋轉(zhuǎn)時(shí)（Axure RP8新事件，應(yīng)用于形狀部件、線條、圖像和熱區(qū)）。

調(diào)整尺寸時(shí)：當(dāng)部件尺寸改變時(shí)（注意：在Axure RP8中，形狀部件、動(dòng)態(tài)面板、熱區(qū)、內(nèi)聯(lián)框架、圖像、文本輸入框和其他表單輸入部件都可以改變尺寸）。

項(xiàng)目調(diào)整尺寸時(shí)：該事件由中繼器中的任何部件尺寸改變時(shí)觸發(fā)（Axure RP8新事件）。

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

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

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

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

選項(xiàng)改變時(shí)：當(dāng)下拉列表框或列表框部件中的選項(xiàng)改變時(shí)，這是條件的典型應(yīng)用。

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

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

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

文本改變時(shí)：當(dāng)文本輸入框部件或文本區(qū)域部件中的文字改變時(shí)。

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

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

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

結(jié)束拖動(dòng)時(shí)：當(dāng)一個(gè)拖動(dòng)動(dòng)作結(jié)束時(shí)。

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

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

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

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

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

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

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

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