Axure RP基礎(chǔ)知識(shí)——交互interactions(上)
交互分為三個(gè)部分的:交互觸發(fā)、交互條件、交互行為。
一、交互觸發(fā)
觸發(fā)主要有兩種,一種是頁(yè)面載入觸發(fā),一種是鼠標(biāo)行為觸發(fā)。
1、頁(yè)面載入觸發(fā),針對(duì)的對(duì)象就是我們所編輯的頁(yè)面,axure將其放在了page notes&page interactions面版中。如下圖所示,就是page interactions。
如圖所示,針對(duì)我們?cè)O(shè)置的case事件,axure提供了三個(gè)功能。
Add case:給所選對(duì)象增加事件。
Edit case:編輯所選事件。(功能前提,選擇你索要編輯的事件,比如鼠標(biāo)選擇case 1)。
Delete case:刪除所選事件。(功能前提,選擇你索要編輯的事件,比如鼠標(biāo)選擇case 1)。
2、鼠標(biāo)行為觸發(fā)是當(dāng)用戶使用鼠標(biāo)操作界面時(shí),引發(fā)交互。
Axure支持的鼠標(biāo)觸發(fā)行為根據(jù)你所選擇的對(duì)象不同而不同,選擇圖形、文字、鏈接會(huì)出現(xiàn)三種觸發(fā)行為:
Onclick:當(dāng)鼠標(biāo)點(diǎn)擊目標(biāo)時(shí),觸發(fā)交互行為。
OnMouseEnter:當(dāng)鼠標(biāo)移入目標(biāo)熱區(qū)時(shí),觸發(fā)交互行為。
OnMouseOut:當(dāng)鼠標(biāo)從目標(biāo)熱區(qū)移出時(shí),觸發(fā)交互行為。
如果選擇的是輸入框、多選框等則會(huì)出現(xiàn)對(duì)應(yīng)功能的觸發(fā)行為:
OnKeyUp:Fires when the user releases a key.當(dāng)釋放鍵盤(pán)時(shí)觸發(fā)交互行為。
OnFocus:當(dāng)鼠標(biāo)選擇、聚焦到對(duì)象時(shí),觸發(fā)交互行為。
OnLostFocus:當(dāng)鼠標(biāo)失去對(duì)目標(biāo)對(duì)象的選擇、聚焦時(shí),觸發(fā)交互行為。
特別的,選擇下拉框、列表框會(huì)出現(xiàn):
Onchange:當(dāng)所選項(xiàng)被更改時(shí),觸發(fā)交互行為。
而選擇我們所編輯的對(duì)象后,如果對(duì)象之前沒(méi)有編輯過(guò)交互事件,則有兩個(gè)選項(xiàng)
Add case:給所選對(duì)象增加事件。
Quick link:快速添加鏈接。
如果曾經(jīng)編輯過(guò)交互事件,則有三個(gè)功能,和頁(yè)面載入觸發(fā)是一樣的,這里也就不再累述。
二、交互條件
交互條件是達(dá)成我們目標(biāo)行為的前提條件。如果目標(biāo)行為只有一個(gè),對(duì)觸發(fā)沒(méi)有任何條件限制,交互條件則可以被忽略。
二、交互行為—快速鏈接
選擇好交互觸發(fā)后,在對(duì)交互沒(méi)有特定條件設(shè)置的前提下,我們可以直接設(shè)置此次觸發(fā)引起的交互行為。由于鏈接跳轉(zhuǎn)是網(wǎng)頁(yè)中最常用的交互行為,因此axure特意提供了一個(gè)快速鏈接的功能。
選擇對(duì)象后,點(diǎn)擊快速鏈接則會(huì)彈出如下link properties 鏈接屬性面版:
如圖所示,此面版中有四條可選命令:
1、link to a page in this design:鏈接到這個(gè)項(xiàng)目中的某一特定頁(yè)面。
你可以通過(guò)鼠標(biāo)點(diǎn)擊,選擇你想要跳轉(zhuǎn)的,樹(shù)型目錄中的相應(yīng)頁(yè)面。
2、link to an external url or file:鏈接到一個(gè)外部鏈接或者文件。
你可以通過(guò)在hyperlink框中輸入鏈接地址,完成鏈接導(dǎo)向。
注意:鏈接最好是絕對(duì)鏈接地址,不然就容易出錯(cuò)。
3、reload current page:重新載入當(dāng)前頁(yè)面。
Variable changes are applied變量變化生效。
4、back to previous page:返回瀏覽前一頁(yè)面。
Varable changes are not applied變量變化不生效。
點(diǎn)擊加載更多評(píng)論>>