1、Axure RP基本功能介紹目錄Axure RP基本功能介紹12Axure RP基本功能介紹界面介紹工作區站點地圖組件模塊頁面注釋頁面交互動態面板管理控件交互面板位置與大小3Axure RP基本功能介紹站點地圖 站點地圖是一個頁面導航面板, 在這里面可以對所設計的頁面進行添加、刪除、重命名和組織4Axure RP基本功能介紹 組件面板中有線框圖組件和流程圖組件，用這些組件進行線框圖和流程圖的設計。這里顯示的是所有的組件,后面的一部分是流程圖組件 常用組件5Axure RP基本功能介紹 線框圖組件中,常用的有圖片、文本塊、矩形、占位符、形狀按鈕、圖片影射區域、動態面板。其中，在完成一些交互動作時

2、，動態面板用的最多。組件的使用： 所有的組件都是用鼠標單擊選中后拖入到工作區域.對組件的編輯除了交互動作的設置之外,還可以對這些組件進行填充顏色或漸變、設置邊框顏色或粗細、以及編輯文字。常用組件動態面板6Axure RP基本功能介紹常用組件圖片雙擊 圖片的操作比較簡單，雙擊，選擇一張圖片打開即可。 需要重新添加圖片是，在原來的圖片上雙擊再選擇。7Axure RP基本功能介紹常用組件 這幾個組件的操作都比較簡單，直接拖入到工作區域使用即可。 可以改變尺寸、顏色、邊框，可以輸入文字。由于Axure對中文支持不好,所以有時在矩形、占位符里輸入中文時會出現問題。 矩形、占位符、形狀按鈕都有很多形狀可以

3、變化、彼此之間也可以相互轉換。 8Axure RP基本功能介紹常用組件文字編輯組合、順序對齊、分布填充、邊框文字分布鎖定控件改變形狀右鍵菜單9Axure RP基本功能介紹常用組件 矩形的形狀變化，其中，圓角的大小是可以控制的，使用不同的形狀得到一些組合形狀。10Axure RP基本功能介紹常用組件 矩形的形狀變化，其中，圓角的大小是可以控制的; 使用不同的形狀進行組合可以得到一些組合形狀。Axure RP基本功能介紹模塊面板 模塊是一種可重復利用的頁面，比如頁面的模板、導航欄、頁首、頁腳等這些類似的元素都可以通過模塊來調用。 使用模塊的好處是：修改模塊時，原型中所有使用該模塊的地方都會跟著一起

4、修改。這樣在設計時可以提高效率并且易于管理。 模塊的面板和站點地圖有點類似。可以添加、組織、編輯。11Axure RP基本功能介紹模塊面板模塊的行為有三種：正常、作為背景、自定義組件12 正常：這是默認狀態，就是修改模塊時，引用到頁面的模塊會跟著一起修改。 作為背景：當把模塊調用到頁面時會放置底層并且鎖定。 自定義：這種模塊可以在頁面中進行修改而不會引起其他模塊變化，類似于復制。根據不同版本不一定有這個行為Axure RP基本功能介紹簡單交互13Axure里的交互大致有四種： 定義連接 設置動作 多個條件場景 頁面上的交互目前Axure RP 5 支持的事件如下： OnClick：鼠標點擊 O

5、nMouseEnter：鼠標的指針移動到對象上 OnMouseOut：鼠標的指針移動出對象外 OnFocus：鼠標的指針進入文字輸入狀態（獲得焦點） OnLostFocus：鼠標的指針離開文字輸入狀態 （失去焦點） OnPageLoad：頁面或模塊載入 OnKeyUp: 釋放按鍵Axure RP基本功能介紹簡單交互14Axure RP基本功能介紹簡單交互15定義鏈接 定義鏈接可以讓一個組件響應一個動作時（如鼠標點擊、飄過）鏈接到其他頁面。在Axure里提供了四種鏈接方式：1.鏈接到設計中的頁面2.連接到外部網址或文件3.重新載入當前頁面4返回上個頁面設計中的頁面外部網址重新載入返回Axure

6、RP基本功能介紹簡單交互16方法1方法2Axure RP基本功能介紹簡單交互17 除了定義鏈接之外，Axure里還可以設置豐富的動作，在Axure里，任何可以出發的事件中都可以執行這些動作。點擊后打開高級編輯器Axure RP基本功能介紹簡單交互18 Axure里提供的動作在執行時是自上而下順序執行的，在基本編輯器里，勾選一些動作后，Axure會按照默認的方法生成動作的執行順序。當這些順序不能滿足需求時，可以嘗試使用高級編輯器，可以自定義添加動作、改變執行順序。添加動作編輯動作順序Axure RP基本功能介紹簡單交互19Open Link in Current Window：在當前窗口打開一個

7、頁面 Open Link in Popup Window：在彈出的窗口中打開一個頁面 Open Link in Parent Window：在父窗口中打開一個頁面 Close Current Window：關閉當前窗口 Open Link in Frame：在框架中打開鏈接Open Link in Parent Frame：在父框架中打開鏈接Set Panel state(s) to State(s)：設置動態面板的狀態轉換Show Panel(s)：顯示動態面板 Hide Panel(s)：隱藏動態面板 Toggle Visibility for Panel(s)：切換動態面板的可見屬性（顯

8、示/隱藏） Move Panel(s)：根據絕對坐標或相對坐標來移動動態面板 Axure RP基本功能介紹簡單交互20Bring Panel to Front：將動態面板置為最前端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)：把對象狀態變成可用狀態 Disable Widget(s)：把對象狀態變成不可用狀態 S

9、et Focus on Widget：設置焦點Wait Time(s)：等待多少毫秒(ms)后再進行這個動作Expand Tree Node：展開樹狀節點Collapse Tree Node：折疊樹狀節點 Other：顯示動作的文字說明 Axure RP基本功能介紹簡單交互21 一個事件的發生在不同的場景中結果是不一樣的，比如發送信息，發送失敗和發送成功返回的結果是不一樣的。 在Axure里，這樣的多個場景的事件，可以通過條件設置來編輯，不同的條件會觸發不同的場景。添加刪除條件Axure RP基本功能介紹簡單交互22 在發送信息時，有“發送成功”和“發送失敗”兩個場景：對于“發送成功”來說，有

10、這樣的一連串事件：顯示“正在發送”、輸入框變為空白、等待一段時間后、顯示“發送成功”。 類似的，發送失敗時也有這樣一串動作。 而判斷消息發送是否成功則是根據實際應用中發送的情況而定。Axure RP基本功能介紹簡單交互23 Axure還支持頁面層級的觸發事件，當載入一個頁面時，就會觸發OnPageLoad事件。 OnPageLoad事件可以為我們設置頁面在載入時的初始狀態，并可以觸發一些我們需要的場景的條件。 例如，一個導航會有一個初始狀態和一個選中狀態，當我們從一個入口進入到一個頁面時，我們希望那個對應的導航按鈕時處于選中狀態，此時就需要使用OnPageLoad事件來設置。Axure RP基

11、本功能介紹簡單交互24動態面板 Axure中很多的交互是由動態面板來實現的。 動態面板里面可以包含多個狀態，所以通過一些事件可以對動態面板的狀態進行切換，以此來實現交互效果。但任何時候都是只有一個狀態是可見的，或者整個動態面板是被隱藏的。Axure RP基本功能介紹簡單交互25 雙擊動態面板的線框圖，會有一個動態面板狀態管理的對話框，在這里可以添加、刪除、重命名、組織動態面板。 動態面板的第一個狀態時它的默認狀態。選擇編輯之后可以對其進行設計，像畫線框圖一樣。 動態面板的顯示范圍是在一個藍色的虛線框內，這個也是動態面板對事件的響應范圍。Axure RP基本功能介紹簡單交互26 動態面板管理面板。在這里也可以對動態面板進行添加、刪除、組織等操作。雙擊可以對其進行編輯。 有時，動態面板較多時，在屏幕上的顯示會讓人覺得不方便，此時可以通過點擊藍色的方塊對其