Axure RP 在v8版本中引入了一個(gè)用于繪制自定義圖形的新工具——鋼筆工具。所繪制的自定義圖形是矢量圖，這意味著你可以根據(jù)自己的需求對(duì)它們的尺寸進(jìn)行自由調(diào)整。使用鋼筆工具可以繪制圖標(biāo)、圖表和彎曲的箭頭等各種東西。如果你在制作自己的部件庫(kù)，你可以使用自定義圖形來替換原先的圖像，從而做到更加的可自定義化。

使用鋼筆工具繪制

點(diǎn)擊鋼筆工具圖標(biāo)或者使用鍵盤快捷鍵[CTRL] + [4]/[CMD] + [4]可開啟自定義圖形的繪制。

點(diǎn)擊設(shè)計(jì)區(qū)域，放置自定義圖形的起始點(diǎn)。然后移動(dòng)鼠標(biāo)到下一個(gè)位置并點(diǎn)擊設(shè)計(jì)區(qū)域在該位置添加新的結(jié)點(diǎn)。當(dāng)你在增添了一個(gè)新結(jié)點(diǎn)的同時(shí)，對(duì)其點(diǎn)擊并進(jìn)行拖動(dòng)，則會(huì)得到一條曲線。

如果完成這個(gè)圖形的繪制，需要點(diǎn)擊圖形的初始點(diǎn)。當(dāng)鼠標(biāo)放置在初始點(diǎn)位置時(shí)，會(huì)出現(xiàn)一個(gè)紅色的矩形。

如果要在開放路徑中結(jié)束，則需要點(diǎn)擊[Esc]鍵或者雙擊設(shè)計(jì)區(qū)域內(nèi)除了初始點(diǎn)以外的任何位置。

在圖形繪制完成之后，你將退出鋼筆工具模式，但是你仍然可以對(duì)圖形中的結(jié)點(diǎn)進(jìn)行編輯（請(qǐng)看下面的介紹）。如果你要繪制另外一個(gè)自定義圖形，再點(diǎn)擊一次鋼筆工具圖標(biāo)即可。

將一般圖形轉(zhuǎn)化為自定義圖形

你也可以通過將Axure自帶的Default和Flow庫(kù)中的圖形部件進(jìn)行轉(zhuǎn)化來設(shè)計(jì)自定義圖形。鼠標(biāo)右鍵點(diǎn)擊該圖形并選擇“Convert to Custom Shape”，進(jìn)入圖形結(jié)點(diǎn)的編輯。

編輯圖形的結(jié)點(diǎn)

點(diǎn)擊圖形，對(duì)其進(jìn)行選擇，然后點(diǎn)擊圖形路徑就可以顯示出這個(gè)圖形的結(jié)點(diǎn)。點(diǎn)擊這些結(jié)點(diǎn)可對(duì)其進(jìn)行拖動(dòng)。按住[CTRL]鍵不放（在Mac上是按住[CMD]鍵）的同時(shí)對(duì)結(jié)點(diǎn)進(jìn)行移動(dòng)則可得到對(duì)稱的曲線。這條彎曲的曲線有兩個(gè)可以進(jìn)行曲率調(diào)整的黃點(diǎn)。按住[CTRL]鍵不放，可以單獨(dú)對(duì)每個(gè)黃點(diǎn)的位置進(jìn)行調(diào)整。

添加和移除圖形的結(jié)點(diǎn) 

點(diǎn)擊圖形，對(duì)其進(jìn)行選擇，然后點(diǎn)擊圖形路徑就可以顯示出這個(gè)圖形的結(jié)點(diǎn)。在圖形的輪廓上點(diǎn)擊一下就可以增添一個(gè)結(jié)點(diǎn)，你可以在任何指針模式下完成這項(xiàng)操作。

如果要?jiǎng)h除圖形中一個(gè)或者多個(gè)結(jié)點(diǎn)的話，點(diǎn)擊某個(gè)要?jiǎng)h除的結(jié)點(diǎn)進(jìn)行選擇，按住 [SHIFT]添加選擇另外的結(jié)點(diǎn)，使用[DEL]鍵或者點(diǎn)擊鼠標(biāo)右鍵選擇“Delete”，這項(xiàng)操作同樣可以在在任何指針模式下完成。

卷曲線條與銳利線條的切換

點(diǎn)擊圖形，對(duì)其進(jìn)行選擇，然后點(diǎn)擊圖形路徑就可以顯示出這個(gè)圖形的結(jié)點(diǎn)。點(diǎn)擊某個(gè)結(jié)點(diǎn)進(jìn)行選擇，然后按住 [SHIFT]添加選擇另外的結(jié)點(diǎn)。

點(diǎn)擊鼠標(biāo)右鍵，從文本菜單選擇“curve”或者“sharpen”可以創(chuàng)建包含所選結(jié)點(diǎn)的曲線條或者直線條。

你可以雙擊某個(gè)結(jié)點(diǎn)以完成這兩種模式的切換。

轉(zhuǎn)換（transformation）

當(dāng)選定設(shè)計(jì)區(qū)域內(nèi)的某個(gè)圖形時(shí)，你可以在檢查器（Inspector）的屬性標(biāo)簽中找到轉(zhuǎn)換（transformation）選項(xiàng)。你也可以鼠標(biāo)右鍵點(diǎn)擊自定義圖形并使用“Transform Shape”子菜單。

水平翻轉(zhuǎn)（Flip Horizontal）

沿著Y軸將圖形進(jìn)行翻轉(zhuǎn)。

豎直翻轉(zhuǎn)（Flip Vertical）

沿著X軸將圖形進(jìn)行翻轉(zhuǎn)。

結(jié)合（Unite）

操作后的圖形等于對(duì)前后2個(gè)圖形取并集的結(jié)果。

交集（Intersect）

操作后的圖形等于對(duì)前后2個(gè)圖形取交集的結(jié)果。

差集（Subtract）

操作后的圖形等于對(duì)前后2個(gè)圖形取差集的結(jié)果。(保留第一個(gè)圖形中不與第二圖形重疊的部分）

排除（Exclude）

操作后的圖形等于前后2個(gè)圖形的并集減去前后2個(gè)圖形的交集所得的結(jié)果。（即只包含第一個(gè)圖形或者第二圖形的部分）

合并（Combine）

將多個(gè)圖形合并成單獨(dú)的一個(gè)自定義圖形，并保留每個(gè)組成部分的原始路徑。

拆分（Break Apart）

合并的反向操作，用于之前保留了每個(gè)組成部分原始路徑的已合并的自定義圖形，將路徑都還原成以前的自定義圖形。

將所有結(jié)點(diǎn)曲線化（Curve All Points）

創(chuàng)建一個(gè)包含原所有結(jié)點(diǎn)的曲線形自定義圖形。

將所有結(jié)點(diǎn)銳化（Sharpen All Points）

創(chuàng)建一個(gè)包含原所有結(jié)點(diǎn)的直線形自定義圖形。

轉(zhuǎn)換為自定義圖形（Convert to Custom Shape）

可以把模板的圖形如長(zhǎng)方形或者正方形轉(zhuǎn)換為自定義圖形。在點(diǎn)擊該選項(xiàng)進(jìn)行轉(zhuǎn)化之后，原先的圖形可以被自由編輯成其它任意的自定義圖形。

本文翻譯自