一、元件基本介紹

1.1 概述

• 在Axure RP中，元件是構(gòu)建原型圖的基礎(chǔ)模塊。 將元件從元件庫里拖拽到畫布中，即可添加元件到你的原型圖中。這些元件可以被拖放到設(shè)計畫布上，并用于構(gòu)建交互式原型。
• Axure提供了豐富的預(yù)置元件庫，同時也支持用戶自定義元件，使得用戶可以根據(jù)自己的需求創(chuàng)建符合特定設(shè)計風(fēng)格的元素。
• 軟件自帶了三個官方元件庫，分別是默認(rèn)元件庫（Default）、流程元件庫（Flow）和圖標(biāo)元件庫（Icons）。

1.2 元件操作

• 使用：如果想使用某個元件，我們只需要將它從元件庫中拖入畫布擺放即可。

• 對齊：默認(rèn)情況下，兩個矩形元件并排擺放，中間的邊框為兩條邊框的寬度，如果想保持一條邊框的寬度，需要在【偏好設(shè)置】中，進(jìn)行【元件對齊】的設(shè)置。

• 旋轉(zhuǎn)：元件的旋轉(zhuǎn)可以通過按下鍵的同時，拉動元件任意一個邊界點來實現(xiàn)。旋轉(zhuǎn)之后，可以通過右鍵菜單【變換形狀】-【重置文本到 0°】

• 圓角：矩形元件可以編輯圓角，通過鼠標(biāo)指針拖動矩形左上方的小三角形圖標(biāo)即可改變圓角的大小。

• 改變形狀：形狀類元件都可以通過點擊鼠標(biāo)右鍵，在菜單中通過【選擇形狀】將當(dāng)前形狀改變?yōu)槠渌螤睢?/p>

• 改變尺寸：可以通過鼠標(biāo)指針拖動元件的邊界點任意改變

• 元件的尺寸；也可以按住不放，同時鼠標(biāo)指針拖動元件邊界點等比改變元件的尺寸。

• 復(fù)制元件：通過鼠標(biāo)右鍵菜單的【復(fù)制】與【粘貼】，或者使用通用快捷鍵<Ctrl+C>鍵與<Ctrl+V>鍵可以完成畫布間或者軟件間的復(fù)制粘貼操作；同一畫布中，可以通過<Ctrl+D>鍵進(jìn)行復(fù)制；或者，按住鍵不放，拖動元件到新的位置松開，完成復(fù)制與擺放的操作。

• 編輯文字：部分元件可以添加文字內(nèi)容。在未開啟單鍵快捷鍵功能時，直接輸入即可替換當(dāng)前文字內(nèi)容；開啟單鍵快捷鍵功能時，需要雙擊元件或者在元件上點擊按下回車鍵進(jìn)入文字編輯狀態(tài)。

1.3 熱區(qū)的使用

熱區(qū)是一個透明的元件，通過屬性設(shè)置就可實現(xiàn)類似超鏈接的功能。

常用操作：比如在一張圖片中的兩個位置上添加點擊跳轉(zhuǎn)的效果，就可以在這兩個位置上放置兩個熱區(qū)，然后為熱區(qū)添加點擊跳轉(zhuǎn)的交互。

二、表單型元件的使用

表單是需要用戶填寫的，所以表單元件都是用于獲取用戶輸入數(shù)據(jù)的元件。

2.1 文本框

用于輸入一行文字內(nèi)容。 比較常見的使用場景是用戶登錄功能中用戶名與密碼的輸入框。

2.2 文本域

? 文本域，也叫多行文本框，用于大量文字段落的輸入。

2.3 下拉列表

用于多個選項的單項選擇，往往也會有多個下拉

列表聯(lián)合選擇的出現(xiàn)。

2.4 列表框

直接呈現(xiàn)選項的選擇框，可以支持單選或多選。

注意：列表框元件與文本域元件在畫布中外觀一樣，就像女裝大佬，雖然長得像女人，但是功能不一樣。在交互功能面板中會顯示元件的類型，注意分辨

2.5 單選按鈕

用于多個選項的單項選擇，有些時候可以用下拉列表替代。

2.6 復(fù)選框

用于一個或多個選項的選擇，可以選中和取消選中狀態(tài)。

2.7 菜單與表格元件的使用

菜單和表格元件都是繪制線框圖的元件，方便易用。但是，因為樣式編輯受限，所以高保真原型中很少使用。這些元件在畫布中的很多操作基本通過右鍵菜單中完成，例如：行、列、節(jié)點、菜單項的添加、刪除、移動等操作。

三、實例

3.1 登錄

2.2 個人簡歷

（還沒做完。。。。。