2.2　工具欄

2.2.1　選擇、連接和畫筆

見圖2-2，包括選擇方式、連接線、畫筆工具、圖片操作、流程操作和格式設置。

選擇工具：使用時分兩種形式，一種是選中部分元件，另一種是選中全部元件，如圖2-3所示。

圖2-2

圖2-3

連接工具：常在繪制流程圖的時候使用，使用目的是連接兩個元件，如圖2-4所示。

畫筆工具：“畫筆工具”是Axure RP8中新增的一個工具，使用它可以自由繪制矢量圖，并且可以調節(jié)節(jié)點。使用“畫筆工具”繪制原型時分兩種方式，一種是連續(xù)單擊繪制“直線”，另一種是單擊后持續(xù)按住鼠標左鍵拖動“畫貝爾曲線”，同時在用右鍵單擊“連接點”后彈出的菜單中可以將“曲線”和“直線”做來回切換，如圖2-5所示。

圖2-4

圖2-5

邊界點：用來顯示繪制的曲線的連接點。

切割和剪裁工具：用來處理圖片。

連接點：用來顯示流程圖元件上哪些點可以進行連接。

格式刷：用來設置默認的元件樣式。

2.2.2　排列順序

在Axure操作過程中免不了要不斷地添加元件，為了讓元件有規(guī)律地進行排列，需要設置元件的顯示順序。設置時可以先選中指定元件，然后單擊鼠標右鍵，選擇“順序”選項，并按照需求選擇排列方式，如圖2-6所示。

圖2-6

2.2.3　編組與打散

編組元件是為了在操作時便于選擇，如當界面上已經(jīng)有十多個元件了，如果想整體移動它們，避免逐個選擇后才能移動所帶來的麻煩，可以把這些元件都選中，并編到一個組里，然后整體選擇后再移動。

同時，將所有元件都編好組之后，還可以單獨選中該組中的“子元件”進行二次編組，編組時除需要編組的元件之外，其他元件部分都將處于“灰色”狀態(tài)，如圖2-7所示。

除此之外，我們還可以對編組元件設置共同樣式，避免逐個設置所帶來的麻煩。編組之后的元件可以再次打散，同時，打散后的元件不能通過單擊來做整體選擇。

提示

“編組”快捷鍵：Ctrl+G。

“打散”快捷鍵：Ctrl+Shift+G。

圖2-7

2.2.4　對齊與分布

“對齊與分布”功能在對界面沒有特別要求的情況下很少使用，一般在具體操作時只需要手工拖動元件，并肉眼觀察一下即可。其中偶爾會用到的是“垂直分布”或“平均分布”功能，當在選擇3個或3個以上相似形狀和大小的元件進行上下排列時，會讓它們都“垂直對齊”后，再“平均分布”。

以下面演示為例，圖2-8所示為4個大小一樣的“占位符”，在這里我們希望將它們頂部對齊后，再水平方向做“平均分布”處理。

在具體操作時，首先選中所有的“占位符”，然后選擇工具欄中的“頂部對齊”選項，效果如圖2-9所示。

圖2-8

圖2-9

當確定所有“占位符”都處于同一高度之后，在工具欄中選擇“水平分布”選項，完成操作，效果如圖2-10所示。

提示

利用以上操作方式，僅兩步就可以將元件排列整齊，因此特別適用于相同元件的快速排列。

圖2-10

2.2.5　鎖定與解鎖

針對界面上已設計好的元件，如果不想因為在進行其他元件設計與操作時影響到它們，可以選擇將這些元件鎖定（快捷鍵Ctrl+K），鎖定的元件邊框以“紅色虛線”顯示，鎖定之后則不能再對其進行其他操作。鎖定后邊框為“紅色虛線”的表示為已鎖定的元件，邊框為“綠色虛線”的表示為未鎖定且可操作的元件，如圖2-11所示。

圖2-11

鎖定后如果想要再次操作它們，可以對它們進行解鎖（快捷鍵：Ctrl+Shift+K）操作。

2.2.6　樣式工具欄

Axure樣式工具欄中的功能幾乎和Word（全稱Microsoft Office Word）中的功能完全一樣，包括字體選擇、字體大小、粗體、斜體、下畫線、文本對齊以及背景填充等。

其中值得一提的是里面有一個關于“元件寬度和高度”的設置功能，即“保持寬高比例”的功能，如圖2-12所示。

當單擊寬度和高度之間的[]圖標之后，界面中會保持元件默認的寬高比樣式，此時如果修改元件的寬度值，系統(tǒng)會自動根據(jù)元件現(xiàn)有的寬高做比例調整，如圖2-13所示。

圖2-12

圖2-13

例如，一個寬度為200，高度為100的矩形，當鎖定其寬高比之后，將寬度值修改為300，則高度值會自動變?yōu)?50。

提示

當利用“鎖定”功能將指定元件鎖定后，不能直接在界面中通過直接拖動元件的大小來改變其大小，只能在工具欄的對應輸入框中輸入指定的值數(shù)來進行改變。