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