位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Axure RP > 問(wèn)題詳情

Axure RP基礎(chǔ)知識(shí)——交互interactions(上)

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-10-10

交互分為三個(gè)部分的:交互觸發(fā)、交互條件、交互行為

一、交互觸發(fā)
觸發(fā)主要有兩種,一種是頁(yè)面載入觸發(fā),一種是鼠標(biāo)行為觸發(fā)。
1
、頁(yè)面載入觸發(fā),針對(duì)的對(duì)象就是我們所編輯的頁(yè)面,axure將其放在了page notes&page interactions面版中。如下圖所示,就是page interactions。

@9J1Q5GT3IY3SME]ISRYSIF.png

如圖所示,針對(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ā)交互。
3ND@JDH4D$DB_)VMTQ%ASIR.png

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 鏈接屬性面版:

3KNW{@RK5J5OO[Y(VB]~9FE.png

如圖所示,此面版中有四條可選命令:
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變量變化生效。

4back to previous page返回瀏覽前一頁(yè)面。
Varable changes are not applied變量變化不生效。



繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部