中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

一、Axure交互

Axure交互是指把靜態線框圖變成可點擊的交互式HTML原型的功能。

每個Axure交互有三個基本的信息單元組成，即When、Where和What。

• When：什么時候發生交互動作？ 在Axure術語中，用事件（Events）來表示When。例如：瀏覽器中加載頁面時，用戶點擊一個控件后。
• Where：交互在哪里發生？ 任何一個控件都可以建立交互動作，如矩形框、單選按鈕或下拉列表，或者一個頁面或模板線框圖。
• What：將發生什么 在Axure中，把這是要發生的稱為動作（Actions）。動作定義了交互的結果。例如，在頁面加載時，將一個動態面板編程一種指定狀態。

二、示例

本示例在靜態線框圖的基礎上進行構建。

使用簡單詞語定義交互

用戶點擊 全局導航欄 上某個Tab時，會鏈接到對應的頁面。新打開的頁面將取代當前頁面。使用W3C拆解上述過程。

• When：用戶單擊時
• Where：全局導航欄上的一個Tab矩形控件
• What：鏈接到相應的頁面
• Condition: 沒有條件

Axure交互界面

Axure事件

Axure交互由兩類Axure事件觸發。

• 頁面或頁面中的模板加載時：自動交互，在頁面加載時觸發。
• 用戶直接與控件進行交互時：手動交互，由用戶觸發。

頁面加載事件

OnPageLoad(頁面加載)事件可廣泛應用于頁面和模板，很可能成為常用方法。

示例：更改默認的著陸頁

打開生成的HTML原型時，總會顯示站點地圖區的第一個頁面。然而，為了便于原型演示，可能首先打開OverView頁。

交互的目標：原型加載時，讓站點地圖區的第一個頁面重新定向到所指定的頁面。使用W3C方法拆解這個交互的結構。

• When：原型加載時
• Where： 站點地圖中的第一個頁面
• What： 重新定向到另一頁
• Condition： 沒有條件

交互設置過程：

1. 打開Use Cases頁面(A)進行編輯，在Page Properties(頁面屬性)區中，切換到Page Interactions(頁面交互)選項(B)。
2. 雙擊交互選項中OnPageLoad事件(C)，打開Case Editor(情景編輯器)窗口。
3. Add actions這一欄中列出了所有的Axure動作。Links這組中的交互動作用于處理導航，其中最常用的是Open Link ->Current Window動作(D)，表示在當前窗口打開鏈接。單擊它。
4. 在Configure actions這一欄中列出了站點地圖區中的所有頁面。單擊OverView頁面(E)，將OverView頁面設置為重定向目標頁面。該動作會出現在Organize actions這一欄中(F)。
5. 這樣就完成了交互設置。點擊“確定”關閉Case Edition窗口。

全局導航Tab的OnClick事件

1. 打開編輯M Global Nav(全局導航模板)頁面(A)。全局導航欄有7個Tab，他們都有相應的交互動作。這里以“指標比較”(B)為例介紹。
2. 在Widget Interactions and Notes區，單擊Interactions(C)選項，可看到矩形控件包含三個事件。
3. 雙擊OnClick事件(D)或者單擊Add Case鏈接，可以打開Case Editors（E）窗口。
4. 然后參照OnPageLoad事件設置。

模擬上下文導航

一種常規的用戶體驗需求是，通過全局導航欄，清晰告知用戶當前處于哪個頁面。
頁面加載時，全局導航欄會變成當前選擇的對應頁面。使用W3C方法拆解這個交互的結構。

• When： 頁面加載時
• Where： 全局導航模板
• What： 顯示當前所選擇的頁面
• Condition： 沒有條件
  很多種方法可以實現這個What：當前激活的導航欄Tab可以變大尺寸、變化頁簽背景顏色、加粗字體、變化字體顏色等。

設置Tab選中后(Selected)的樣式的步驟：

1. 打開M Global Navigation(A)編輯頁面，選擇構成全局導航欄的7個Tab(B)
2. 在Widget Properties and Style(組件屬性和樣式)區中(C),選擇Properties(D)?？梢钥吹剿闹薪换邮健?/li>
3. 選擇Selected(E)選項，彈出Set Interaction Style對話框(F)，選擇Selected選項(G).
   4.選擇需要改變的樣式，勾選Preview(預覽)即可。

三、相關資源

在線預覽

原型下載

作者：binarystar

來源：http://www.jianshu.com/p/0d874e1e040f