什么是Auxre RP?
Axure RP是一種線框圖氏义，原型設(shè)計(jì)，流程圖和文檔工具窗慎。使用Axure RP來(lái)創(chuàng)建和設(shè)置圖表樣式物喷，為圖表頁(yè)面和元素添加交互性和注釋，并將完成的設(shè)計(jì)發(fā)布到HTML以便通過(guò)Web瀏覽器查看遮斥。（點(diǎn)擊下方圖片可觀看視頻~）
Axure RP文件由頁(yè)面組成 - 從一個(gè)或兩個(gè)到數(shù)百個(gè)峦失，具體取決于項(xiàng)目范圍》ィ“Pages”窗格位于Axure RP界面左側(cè)儀表板的頂部宠进，用于查看和管理項(xiàng)目中的頁(yè)面。
每個(gè)頁(yè)面都包含一個(gè)圖表 - 通常是靜態(tài)線框藐翎，交互式原型或由小部件組成的流程圖材蹬。
窗口小部件是Axure RP中圖表的構(gòu)建塊。最常見(jiàn)的是“shape（形狀）”小部件吝镣。Default library（默認(rèn)庫(kù)）的“Common（公共）”部分中的許多小部件類型（包括框堤器，標(biāo)簽和段落）都是形狀小部件；使用鋼筆工具繪制的自定義形狀也是形狀小部件末贾。（有關(guān)鋼筆工具的更多信息闸溃，請(qǐng)查看矢量繪圖參考指南。）圖標(biāo)庫(kù)中的圖標(biāo)也是形狀。
另一個(gè)常用的小部件是圖像小部件辉川，它有兩個(gè)作用：用作圖像占位符表蝙，或?qū)D像導(dǎo)入圖表∨移欤可以對(duì)導(dǎo)入的圖像進(jìn)行切片府蛇，裁剪，調(diào)整大小屿愚，拉伸汇跨，旋轉(zhuǎn)等。
表單小部件（如文本字段和下拉列表）也可用妆距，還有更高級(jí)的小部件穷遂，如內(nèi)聯(lián)框架，動(dòng)態(tài)面板和中繼器娱据。
您還可以使用連接器小部件通過(guò)將形狀連接在一起來(lái)創(chuàng)建流程圖蚪黑。我們將在本培訓(xùn)系列的下一篇文章中詳細(xì)介紹Axure RP的流程圖功能。
將小部件添加到圖表后吸耿，您可以在圖表中通過(guò)移動(dòng)祠锣，調(diào)整大小或旋轉(zhuǎn)來(lái)重新排列小部件酷窥。您還可以對(duì)齊咽安，分發(fā)，鎖定蓬推，分組和更改小部件的深度順序妆棒。單擊小部件即可選中它，單擊并拖動(dòng)即可在頁(yè)面上移動(dòng)它沸伏。當(dāng)選擇一個(gè)小部件時(shí)糕珊，其周圍會(huì)出現(xiàn)綠色邊框。選擇小部件后還會(huì)顯示可以拖動(dòng)以調(diào)整小部件大小的句柄毅糟。要在拖動(dòng)小部件句柄時(shí)按比例調(diào)整小部件的大小红选，請(qǐng)?jiān)谡{(diào)整大小時(shí)按住【SHIFT】鍵。
小部件也可以調(diào)整為特定像素值姆另。使用頂部工具欄或“Inspector（檢查器）”中的“w”和“h”字段設(shè)置小部件大欣摺（以像素為單位）。要約束小部件的比例迹辐，請(qǐng)單擊“w”和“h”字段之間的“Maintain aspect ratio（保持縱橫比）”圖標(biāo)蝶防。您可以在單擊小部件上的角手柄時(shí)按住【CTRL】?/ 【CMD】來(lái)旋轉(zhuǎn)小部件，拖動(dòng)以設(shè)置旋轉(zhuǎn)角度明吩。您還可以在“Style（樣式）”選項(xiàng)卡中輸入精確的旋轉(zhuǎn)度间学。
小部件可以鎖定在設(shè)計(jì)區(qū)域中，這可以防止通過(guò)拖動(dòng)更改其位置和大小。如果需要低葫，可以在Inspector中移動(dòng)和調(diào)整鎖定小部件的大小详羡。要鎖定小部件，請(qǐng)使用頂部工具欄中的圖標(biāo)嘿悬∫笊埽可以對(duì)小部件進(jìn)行分組，便于一起操作多個(gè)小部件鹊漠。選擇要分組的小部件主到，然后使用快捷鍵【CTRL】?/ 【CMD】?+ 【G】對(duì)它們進(jìn)行分組。單擊以選擇組躯概，雙擊以編輯組內(nèi)的小部件登钥。當(dāng)看到頁(yè)面的其余部分顯示為灰色時(shí)，您就知道您正在組內(nèi)編輯娶靡。
您通衬晾危可以通過(guò)雙擊來(lái)編輯小部件的文本。（雙擊畫布上的小部件可以訪問(wèn)該小部件類型最常見(jiàn)的編輯功能姿锭。對(duì)于大多數(shù)小部件塔鳍，此編輯功能就是小部件上的文本。）您還可以直接在形狀小部件上輸入文本呻此。單擊小部件選中后轮纫，然后輸入文本。
小部件的樣式控件位于Axure RP界面的兩個(gè)區(qū)域：Inspector的Style選項(xiàng)卡（右側(cè)）和Style Toolbar（頂部）焚鲜≌仆伲可用的樣式屬性包括形狀位置和尺寸，旋轉(zhuǎn)忿磅，填充顏色和陰影糯彬；邊框線顏色，圖案和厚度葱她；和文本屬性撩扒，如字體，顏色吨些，對(duì)齊方式搓谆，行間距和填充。通過(guò)拖動(dòng)出現(xiàn)在所選小部件旁邊的手柄锤灿，也可以在畫布上直接編輯某些樣式屬性（如旋轉(zhuǎn)和角半徑）挽拔。
一旦設(shè)置了小部件的樣式，就可以使用“Widget Styles（小部件樣式）”功能（類似于Microsoft Word樣式或CSS類）與其他小部件共享該樣式但校。應(yīng)用于所選小部件的小部件樣式顯示在Style Toolbar（樣式工具欄）的最左側(cè)控件中螃诅，也顯示在Inspector的“Style”選項(xiàng)卡的“Widget Styles”下拉列表中。當(dāng)您對(duì)特定小部件的樣式進(jìn)行更改時(shí)，“Style”選項(xiàng)卡中的下拉列表將在樣式名稱后面顯示一個(gè)星號(hào)（*）术裸，您將看到“Update（更新）”和“Create（創(chuàng)建）”控件出現(xiàn)在樣式名稱旁邊倘是。（查看Widget和Page Styles的更多信息。）
交互確定小部件或頁(yè)面的動(dòng)態(tài)行為袭艺。交互有三個(gè)部分：事件搀崭，案例和操作。事件是OnClick和OnPageLoad等觸發(fā)器猾编。案例是觸發(fā)事件時(shí)可能發(fā)生的不同情況瘤睹。操作是構(gòu)成每個(gè)案例的場(chǎng)景的各個(gè)組成部分。一個(gè)基本示例：鏈接到另一個(gè)頁(yè)面的交互使用OnClick事件答倡，具有單個(gè)案例轰传，并使用“Window（窗口）”操作中的“Open Link（打開(kāi)鏈接）”。
通過(guò)Inspector的Properties（屬性）選項(xiàng)卡創(chuàng)建交互瘪撇。在接下來(lái)的培訓(xùn)教程中获茬，您將學(xué)習(xí)如何構(gòu)建交互。
“Properties”選項(xiàng)卡中還有“Interaction Styles（交互樣式）”部分倔既。交互樣式可用于配置在某些情況下應(yīng)用于小部件的自定義外觀：在小部件被鼠標(biāo)懸停恕曲，單擊，選擇或禁用后渤涌。還可以通過(guò)小部件的快捷（右鍵單擊）菜單設(shè)置交互樣式佩谣。
小部件和頁(yè)面注釋的最常見(jiàn)用途是記錄小部件或頁(yè)面的功能或要求。Notes（注釋）還可用于記錄更改歼捏，跟蹤狀態(tài)或管理自己或團(tuán)隊(duì)的任務(wù)稿存。
在Inspector的Notes選項(xiàng)卡中添加注釋。您可以通過(guò)單擊“Notes”選項(xiàng)卡中的“Customize Fields（自定義字段）”來(lái)添加和刪除小部件和頁(yè)面注釋的字段瞳秽。
在任何時(shí)候，您都可以在瀏覽器中查看圖表率翅。
選擇“Publish（發(fā)布）>Preview（預(yù)覽）”查看瀏覽器中的當(dāng)前頁(yè)面并與之交互练俐。要與其他人共享項(xiàng)目，您有幾個(gè)選擇冕臭。您可以使用“Publish>Generate HTML Files（生成HTML文件）...”來(lái)生成源HTML腺晾，JavaScript和圖像文件到本地驅(qū)動(dòng)器，網(wǎng)絡(luò)驅(qū)動(dòng)器或服務(wù)器辜贵。
您還可以使用“Publish>Publish to Axure Share（發(fā)布到Axure共享）...”將文件發(fā)布到云悯蝉。Axure Share托管在Axure的服務(wù)器上，包括密碼保護(hù)托慨，討論和通知等功能鼻由。
Axure RP主要用于創(chuàng)建在Web瀏覽器中查看的內(nèi)容，但您也可以打印圖表。要在畫布上查看打印指南蕉世，操作“Arrange（排列）>Grid and Guides（網(wǎng)格和指南）>Show Print Guides（顯示打印指南）”蔼紧。打印指南的位置取決于您的紙張尺寸設(shè)置，可以到“Print（打雍萸帷）>Paper Size and Settings（紙張尺寸和設(shè)置）”進(jìn)行更改奸例。
要打印圖表，操作“File（文件）>Print”向楼。您還可以選擇要打印的文件頁(yè)面查吊，并在此處設(shè)置打印縮放。
下一篇文章將介紹Axure RP的流程圖功能湖蜕，敬請(qǐng)關(guān)注~
