交互基礎(chǔ):三、動(dòng)作(Actions)

  • 2022-04-06 15:06:18
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

三、動(dòng)作(Actions)

動(dòng)作是由用例定義的對(duì)事件的響應(yīng)。做個(gè)最簡單的說明:單擊一個(gè)按鈕部件,在當(dāng)前窗口打開鏈接http://www.baidu.com。這個(gè)用例中的動(dòng)作是【在當(dāng)前窗口打開鏈接】。

Axure RP8當(dāng)前支持以下5組動(dòng)作,見圖243。

鏈接

部件

變量

中繼器

其他

11.jpg

(圖243)

下面是昆明網(wǎng)站建設(shè)小編總結(jié)的Axure RP8中所有可用的動(dòng)作。

1.鏈接

打開鏈接

當(dāng)前窗口:在當(dāng)前窗口打開頁面或外部鏈接。

新窗口/新標(biāo)簽:在新窗口或新標(biāo)簽中打開頁面或外部鏈接。

彈出窗口:在彈出窗口中打開頁面或外部鏈接,你可以定義彈出窗口的屬性和位置。

父級(jí)窗口:在父窗口中打開頁面或外部鏈接。

關(guān)閉窗口:關(guān)閉當(dāng)前窗口。

在框架中打開鏈接

內(nèi)聯(lián)框架:在內(nèi)部框架中加載頁面或外部鏈接。

父級(jí)框架:在父框架中打開頁面或外部鏈接,用于在內(nèi)部框架中加載頁面。

滾動(dòng)到部件<錨點(diǎn)鏈接>:滾動(dòng)頁面到指定部件位置(例如瀏覽網(wǎng)頁時(shí)常見的返回頂部)。

設(shè)置自適應(yīng)視圖:該動(dòng)作可設(shè)置提前定義好的自適應(yīng)視圖,要覆蓋當(dāng)前視圖回到自適應(yīng)視圖模式匹配當(dāng)前瀏覽器寬度,在【配置動(dòng)作】中選擇“自動(dòng)”,見圖244(Axure RP8新動(dòng)作)。

11.jpg

(圖244)

2.部件

顯示/隱藏

顯示:將隱藏的部件設(shè)置為顯示(可見)。

隱藏:將部件設(shè)置為隱藏部件(不可見)。

切換可見性:基于部件當(dāng)前的可見性切換為顯示或隱藏。

設(shè)置面板狀態(tài):將動(dòng)態(tài)面板切換到指定狀態(tài)。

設(shè)置文本:改變部件上的文本內(nèi)容。

設(shè)置圖像:改變圖像的不同交互樣式(鼠標(biāo)懸停時(shí)、左鍵按下時(shí)、選中時(shí)、禁用時(shí));也可用于中繼器中圖像部件的內(nèi)容顯示。

設(shè)置選中

選中:設(shè)置部件到其選中的狀態(tài)。

取消選中:設(shè)置部件到取消選中狀態(tài)(默認(rèn)狀態(tài))。

切換選中狀態(tài):根據(jù)部件當(dāng)前的選中狀態(tài)進(jìn)行切換。

設(shè)置列表選中項(xiàng):設(shè)置下拉列表框/列表框部件中的選項(xiàng)。

啟用/禁用

啟用:設(shè)置部件為活動(dòng)的/可選擇的/默認(rèn)的。

禁用:設(shè)置部件為禁用的/不可選擇的。

移動(dòng):移動(dòng)部件到指定坐標(biāo)位置。

旋轉(zhuǎn):設(shè)置部件旋轉(zhuǎn)(Axure RP8新動(dòng)作,適用于形狀部件、線條、熱區(qū)和動(dòng)態(tài)面板)。

設(shè)置尺寸:動(dòng)態(tài)設(shè)置部件尺寸,并可以按需求設(shè)置部件按錨點(diǎn)約束進(jìn)行放大縮小,見圖245。該動(dòng)作適用于形狀部件、線條、熱區(qū)、動(dòng)態(tài)面板、快照、文本輸入框和其他表單輸入部件(Axure RP8新動(dòng)作,在Axure RP7中只有【設(shè)置面板尺寸】這個(gè)動(dòng)作可以改變面板狀態(tài)的尺寸)。

置于頂層/底層

置于頂層:將部件置于頁面布局的頂層。置于底層:將部件置于頁面布局的底層。

11.jpg

(圖245)

獲取焦點(diǎn):設(shè)置光標(biāo)聚焦在表單部件上(如文本輸入框)。

展開/折疊樹節(jié)點(diǎn)

展開樹節(jié)點(diǎn):展開樹部件的節(jié)點(diǎn)。

折疊樹節(jié)點(diǎn):折疊樹部件的節(jié)點(diǎn)。

3.變量

設(shè)置變量值:設(shè)置一個(gè)或多個(gè)變量或/和部件的值(例如,一個(gè)部件的文本值)。

4.中繼器

添加排序:使用查詢對(duì)數(shù)據(jù)集中的項(xiàng)排序。

移除排序:移除所有排序。添加過濾器:使用查詢過濾數(shù)據(jù)集中的項(xiàng)。

移除過濾器:刪除所有過濾器。

設(shè)置當(dāng)前顯示頁:使用分頁時(shí)顯示指定的頁面。

設(shè)置每頁項(xiàng)目數(shù):使用分頁時(shí)設(shè)置每頁顯示中繼器項(xiàng)的數(shù)目。

數(shù)據(jù)集

新增行:添加一行數(shù)據(jù)到數(shù)據(jù)集。

標(biāo)記行:選擇數(shù)據(jù)集中的數(shù)據(jù)行。

取消標(biāo)記行:取消選擇數(shù)據(jù)行。

更新行:編輯數(shù)據(jù)集中選中的行。

刪除行:刪除選中的行。

5.其他

等待:按指定時(shí)間延遲動(dòng)作,1秒=1000毫秒。

其他:在彈出窗口中顯示文字描述。

觸發(fā)事件:使用觸發(fā)事件可以觸發(fā)另一個(gè)部件上的事件,例如,你可以通過B部件的【鼠標(biāo)移入時(shí)】事件觸發(fā)A部件上的【鼠標(biāo)單擊時(shí)】事件(Axure RP8新動(dòng)作,Axure RP7中的【Raise Event】與該事件相同,但僅適用于母版中)。

昆明網(wǎng)站制作在這里需要提醒注意:有些情況下,一個(gè)事件會(huì)執(zhí)行多個(gè)用例。要在事件上添加多個(gè)用例,重復(fù)添加即可。你可以使用用例說明來描述用例的使用場景。比如,當(dāng)單擊一個(gè)按鈕時(shí),你添加兩個(gè)用例,一個(gè)用例描述是【如果登錄成功】,另一個(gè)用例描述是【如果登錄失敗】。在生成的原型中,單擊按鈕會(huì)顯示用例描述,可以選擇執(zhí)行哪一個(gè)。良好的用例說明可以將條件流程清晰地表達(dá)出來,這樣也利于維護(hù)和更新。如果想讓原型將用例正確地表達(dá)出來,就在用例中定義條件邏輯來表達(dá)基于存儲(chǔ)在變量中的值,或用戶在原型中輸入的值。


當(dāng)前文章標(biāo)題:交互基礎(chǔ):三、動(dòng)作(Actions)

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3405.html

上一篇:交互基礎(chǔ):二、用例(Cases)

下一篇:交互基礎(chǔ):四、交互基礎(chǔ)案例

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))