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

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

三、動作(Actions)

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

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

鏈接

部件

變量

中繼器

其他

11.jpg

(圖243)

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

1.鏈接

打開鏈接

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

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

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

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

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

在框架中打開鏈接

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

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

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

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

11.jpg

(圖244)

2.部件

顯示/隱藏

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

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

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

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

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

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

設(shè)置選中

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

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

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

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

啟用/禁用

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

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

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

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

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

置于頂層/底層

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

11.jpg

(圖245)

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

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

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

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

3.變量

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

4.中繼器

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

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

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

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

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

數(shù)據(jù)集

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

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

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

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

刪除行:刪除選中的行。

5.其他

等待:按指定時間延遲動作,1秒=1000毫秒。

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

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

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


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

當(dāng)前URL:http://m.iy5y368.cn/news/wzzz/3405.html

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

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

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