亚洲一级免费看,特黄特色大片免费观看播放器,777毛片,久久久久国产一区二区三区四区,欧美三级一区二区,国产精品一区二区久久久久,人人澡人人草

網頁設計

Axure中RP基本交互設計簡介

時間:2025-05-05 03:20:31 網頁設計 我要投稿
  • 相關推薦

Axure中RP基本交互設計簡介

  今天為大家介紹的是Axure RP基本交互設計簡介,希望大家會喜歡。

  Axure RP基本交互設計

  控件的交互

  控件交互面板用于定義線框圖中控件的行為,包含定義簡單的鏈接和復雜的RIA 行為,所定義的交互都可以在將來生成的原型中進行操作執(zhí)行。

  在控件交互面板中可以定義控件的交互,交互事件(Events) 、場景( Cases)和動作(Actions)組成:

  用戶操作界面時就會觸發(fā)事件,如鼠標的 OnClick、OnMouseEnter 和 OnMouseOut;

  每個事件可以包含多個場景,場景也就是事件觸發(fā)后要滿足的條件;

  每個場景可執(zhí)行多個動作,例如:打開鏈接、顯示面板、隱藏面板、移動面板。

  定義鏈接

  下列步驟說明如何在按鈕控件上定義一個鏈接:

  1.首先,拖拉一個按鈕控件到線框圖中,并選擇這個按鈕;

  2.然后,控件交互面板中鼠標雙擊“OnClick”這個事件,這時會出現(xiàn)“Interaction Case Properties”對話窗,在這個對話框中可以選擇要執(zhí)行的動作;

  3.在“Step 2”中,勾選“Open Link in Current Window”動作。

  4.在“Step 3”中,點擊“Link”,在彈出的Link Properties 對話框中可以選擇要鏈接 的頁面或其它網頁地址 。

  除了上面的步驟,加入一個鏈接的最快的方法是單擊控件交互面板頂部的“QuickLink” ,在彈出的 Link Properties 對話框中選擇要鏈接的頁面。

  設置動作

  除了簡單的鏈接之外,Axure還提供了許多豐富的動作,這些動作可以在任何觸發(fā)事件的場景中執(zhí)行。以下是 Axure所支持的動作:

  Open Link in Current Window:在當前窗口打開一個頁面

  Open Link in Popup Window:在彈出的窗口中打開一個頁面

  Open Link in Parent Window:在父窗口中打開一個頁面

  Close Current Window:關閉當前窗口

  Open Link in Frame:在框架中打開一個頁面

  Set Panel state(s) to State(s):為動態(tài)面板設定要顯示的狀態(tài)

  Show Panel(s):顯示動態(tài)面板

  Hide Panel(s):隱藏動態(tài)面板

  Toggle Visibility for Panel(s):切換動態(tài)面板的顯示狀態(tài)(顯示/隱藏)

  Move Panel(s):根據(jù)絕對坐標或相對坐標來移動動態(tài)面板

  Set Variable and Widget value(s) equal to Value(s):設定變量值或控件值

  Open Link in Parent Frame:在父頁面的嵌框架中打開一個頁面

  Scroll to Image Map Region:滾動頁面到

  Image Map 所在位置

  Enable Widget(s):把對象狀態(tài)變成可用狀態(tài)

  Disable Widget(s):把對象狀態(tài)變成不可用狀態(tài)

  Wait Time(s):等待多少毫秒(ms)后再進行這個動作

  Other:顯示動作的文字說明

  多個場景(條件)

  一個觸發(fā)事件可以包含有多個場景,根據(jù)條件執(zhí)行流程或互動。

  事件: OnPageLoad

  Axure支持一個頁面層級的觸發(fā)事件:OnPageLoad,這個事件在原型載入頁面時觸發(fā)。

  頁面 OnPageLoad事件在頁面?zhèn)渥⒚姘逯械腎nteractions 子面板中定義, OnPageLoad為事件添加場景的方式與控件事件相同

【Axure中RP基本交互設計簡介】相關文章:

解讀交互設計-Axure原型交互輸出11-12

Axure常用交互效果10-12

AXURE交互實例介紹10-15

Axure常用交互效果制作06-13

Axure交互實例教程07-19

Axure7交互設計響應式方案07-26

Axure常用交互實例教程09-12

Axure的格式和樣式簡介09-15

axure元件使用方法簡介07-19