Axure RP是一款來自美國Axure Software Solution公司的旗艦產(chǎn)品，它是一款專業(yè)的快速原型設(shè)計工具。使用它，你可以快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。無論你是負責(zé)定義需求和規(guī)格、設(shè)計功能和界面的專家，還是一名初學(xué)者，Axure RP都能夠滿足你的需求。

使用Axure RP，你可以輕松地創(chuàng)建各種原型設(shè)計，無論是低保真還是高保真的設(shè)計。同時，它還支持多人協(xié)作設(shè)計，使得團隊合作更加高效。此外，Axure RP還支持版本控制管理，讓你隨時隨地地管理和維護你的原型設(shè)計。

Axure RP的優(yōu)勢在于它能夠提高你的工作效率，減少你的時間成本。它讓原型設(shè)計過程變得更加輕松和有趣，同時還能夠讓你的設(shè)計更加專業(yè)和精確。無論你是想創(chuàng)建一個簡單的原型還是一個復(fù)雜的應(yīng)用程序，Axure RP都可以幫助你輕松實現(xiàn)。

如果你正在尋找一款專業(yè)的原型設(shè)計工具，那么Axure RP絕對是你的不二選擇。它不僅可以提高你的工作效率，還可以讓你的團隊更加協(xié)作高效。同時，它還可以讓你的原型設(shè)計更加專業(yè)、精確?？靵韲L試吧！

軟件自取

youmu66.top/?profile?xpt=O9SttpoLnyUym

安裝步驟

1.鼠標右鍵解壓到“Axure RP 9.0”

2.選中AxureRP-安裝程序，鼠標右擊選擇“以管理員身份運行”

3.點擊“Next”

4.勾選上I accept the terms in the License Agreement，點擊“Next”

5.選擇軟件安裝路徑，點擊“Next”

6.點擊“Install”

7.軟件正在安裝，請耐心等待

8.取消勾選Launch Axure RP 9，點擊“Finish”

9.雙擊打開【漢化文件】文件夾

10.復(fù)制該文件夾下全部文件

11.粘貼到軟件安裝路徑（第5步設(shè)置的路徑）下，點擊“替換目標中的文件”

12.雙擊圖標，啟動軟件

13.點擊“輸入授權(quán)”

14.雙擊打開【axure9注冊機】文件夾

15.選中Keygen，鼠標右鍵點擊“以管理員身份運行”

溫馨提示：若打開沒有注冊機，說明被電腦殺毒軟件隔離了，關(guān)閉殺毒軟件重新解壓即可。

16.Licensee輸入:ABC，點擊“Generate”

17.對應(yīng)輸入被授權(quán)人和授權(quán)秘鑰，點擊“提交”

18.勾選不再顯示，點擊右上角的×，關(guān)閉該界面

19.安裝結(jié)束

教大家在Axure中制作一個低代碼可視化編輯器的原型模板。

一、效果展示

1、添加控件——點擊對應(yīng)控件，可以在主頁內(nèi)容中增加對應(yīng)的控件；

2、修改內(nèi)容——添加控件后，點擊控件，可以在控件屬性中修改不同控件的內(nèi)容；

3、刪除內(nèi)容——如果添加錯誤控件，可以點擊該控件的關(guān)閉按鈕，就可以刪除該控件。

二、制作教程

低代碼可視化編輯器主要分成3部分的內(nèi)容，左側(cè)是添加控件，中部是頁面內(nèi)容，右側(cè)是控件屬性。

1. 添加控件

左側(cè)添加控件欄，相當(dāng)于一個菜單欄，我們可以在里面選擇添加需要的控件。因為左側(cè)控件基本都是由文字和圖標組成，我們用中繼器制作會比較方便。

1）制作材料

中繼器，圖片和文本標簽。

將圖片和文本標簽組合在一起，然后放置在中繼器里，文字顏色和填充顏色根據(jù)實際需要設(shè)置，也可以適當(dāng)增加移入變色的樣式。

中繼器表格里需要兩列，type就是元件的類型，對應(yīng)文本標簽，pic就是圖標，對應(yīng)圖片元件。

案例中增加了13種常用的元件，分別為單行輸入框、多行輸入框、數(shù)字輸入框、密碼輸入框、月份選擇器、日期選擇器、時間選擇器、單選按鈕組、多選按鈕組、下拉列表、文件上傳、評分控件、滑動滑塊，你們也可以根據(jù)實際需要增加或刪除。

2）交互設(shè)置

在中繼器每項加載時，我們要用設(shè)置文本和設(shè)置圖片的交互，將type和pic列的值設(shè)置圖片和文本標簽的元件里。Axure10以下的要用這兩個交互設(shè)置，如果是Axure10版本的，可以直接點擊中繼器里的連接，選擇對應(yīng)的元件即可。

鼠標單擊文本標簽和圖片的組合時，即點擊選擇了該元件，我們用添加行的交互，將當(dāng)前行元件的信息傳遞到頁面內(nèi)容中部的中繼器。這里你們也可以用拖動事件，增加判斷條件，當(dāng)拖動到指定位置時才增加，這里作者為了方便就做在鼠標單擊時。你們可以根據(jù)自己需要的效果來設(shè)置。

2. 頁面內(nèi)容

前面鼠標點擊元件時，對應(yīng)元件的組合就會在該區(qū)域顯示出來，所以我們這一塊的內(nèi)容要用中繼器來制作

1）制作材料

中繼器、文本標簽、關(guān)閉按鈕、對應(yīng)的元件、背景矩形。

這里我們要把文本標簽和對應(yīng)的元件放在動態(tài)面板里，有多少個元件就復(fù)制多少個動態(tài)面板，動態(tài)面板里每個狀態(tài)的名稱和中繼器type里的名稱一致，并且在里面放置對應(yīng)的元件，案例中包括了13種常用的元件，分別為單行輸入框、多行輸入框、數(shù)字輸入框、密碼輸入框、月份選擇器、日期選擇器、時間選擇器、單選按鈕組、多選按鈕組、下拉列表、文件上傳、評分控件、滑動滑塊，所以我們要動態(tài)面板里應(yīng)該要有13個對應(yīng)的狀態(tài)。

中繼器表格里只需要有type一列，對應(yīng)左側(cè)元件中繼器的type，上面提到鼠標單擊左側(cè)元件組合時，通過新增行的交互，將type列的值傳遞過來。后續(xù)我們通過交互，就可以顯示對應(yīng)的元件。

一般默認內(nèi)容為空的話，我們中繼器表格里就不填寫數(shù)據(jù)。

注意，考慮到如果添加的元件太多，就會有一個長頁面，所以我們可以通過把中繼器轉(zhuǎn)為動態(tài)面板增加滾動條，同時可以用設(shè)置錨點的交互，這樣可以在新增元件的時候，將頁面滾動到最下方，就是最新的位置。

2）交互設(shè)置

中繼器沒每項加載時，我們用設(shè)置面板狀態(tài)的交互，將動態(tài)面板設(shè)置到狀態(tài)面和type列的值對應(yīng)的頁面。

鼠標單擊關(guān)閉按鈕時，我們用刪除行的交互，將當(dāng)前行的內(nèi)容刪除。然后再用隱藏的交互，將右側(cè)的元件屬性的組合隱藏。

鼠標單擊中繼器內(nèi)組合時，我們做一個高亮變色的效果，這樣就知道選中了該行內(nèi)容，所以我們要先把背景矩形設(shè)置選中樣式，設(shè)置單選組，因為在中繼器內(nèi)部，所以記得要勾選隔離列表質(zhì)檢的選項組。設(shè)置完成后，在鼠標單擊中繼器內(nèi)組合添加設(shè)置選中的交互，將背景矩形選中，這樣就可以完成變色效果了。

當(dāng)背景矩形被選中時，我們先用顯示的交互，將右側(cè)元件屬性的組合顯示，并且用設(shè)置面板狀態(tài)的交互，讓右側(cè)元件屬性顯示對應(yīng)頁面的內(nèi)容。

3. 元件屬性

元件屬性分成兩部分內(nèi)容，統(tǒng)一必填的內(nèi)容，已經(jīng)各個元件獨立的內(nèi)容，必填的內(nèi)容包括想標題文字，是否為必填項。

獨立的內(nèi)容就要根據(jù)各個元件的屬性，例如輸入框就包括提示文字，下拉列表就包括了選項信息，上傳控件就包括了限制上傳的數(shù)量和文件大小……

大家根據(jù)不同的元件的獨立屬性，將他們放在同一個面板里不同的狀態(tài)頁面里，這里狀態(tài)名也是要和type列里每行的值一一對應(yīng)，有多少個元件類型就增加多少個狀態(tài)頁面，案例中包括了13種常用的元件，分別為單行輸入框、多行輸入框、數(shù)字輸入框、密碼輸入框、月份選擇器、日期選擇器、時間選擇器、單選按鈕組、多選按鈕組、下拉列表、文件上傳、評分控件、滑動滑塊，你們也可以根據(jù)實際需要增加或刪除。

上面頁面內(nèi)容中講到了鼠標單擊元件背景就會被選中，高亮變色，所以右側(cè)元件屬性就會顯示出來，并且根據(jù)type的值來設(shè)置顯示對應(yīng)的面板狀態(tài)，我們就可以在里面填寫該元件對應(yīng)的信息。那么填寫完成后，考慮到下一個元件的使用，就是說一個頁面會同時存在幾個相同的元件，例如有一個愛好的下拉列表，也有一個性別的下拉列表。因為右邊元件屬性是通用的，所以我們要做一個重置的操作，不然就會影響到其他元件屬性的編輯。

所以這里我們用簡單暴力的方式來解決，我們用設(shè)置文本的交互，將元件屬性里的內(nèi)容設(shè)置為初始值。

這個是最快捷的方式，更好的方式是，在頁面內(nèi)容中繼器表格里增加對應(yīng)的列，將元件的屬性記錄到中繼器表格里，這樣點擊選中的時候，將對應(yīng)的值傳遞到對應(yīng)的元件即可，這樣會更加高保真和實際。由于我做的時候時間優(yōu)先，所以就用了第一種方法，設(shè)置為初始值，感興趣的同學(xué)也可以用第二種方法來制作。