原型設(shè)計工具Axure RP參考（七） ：樣式小部件

---

Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計的快速原型設(shè)計工具， 可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

好消息！買Axure RP軟件，送價值59.8元Axure RP原型設(shè)計方案，含豐富實操演練和網(wǎng)頁、APP實戰(zhàn)案例，點擊直達>>

免費下載Axure RP 優(yōu)惠購買Axure RP

---

您可以編輯以下屬性以自定義窗口小部件的外觀樣式。您可以在“樣式”窗格或畫布頂部的樣式工具欄中訪問這些屬性。

樣式屬性

不透明度

使用此部分中的滑塊或數(shù)字輸入字段設(shè)置目標(biāo)小部件的整體不透明度。該值與填充顏色和文本顏色不透明度值一起堆疊。

版式

• 字體設(shè)置：這些控件通過設(shè)置小部件的字體系列，字體，字體大小和字體顏色來控制小部件文本的樣式。

• 注意：如果您使用字體選擇器中“本地”標(biāo)題下列出的字體，請參閱網(wǎng)絡(luò)字體參考指南以了解如何在發(fā)布原型時保留字體。

• 行距（行距）：調(diào)整文本行之間的間距。您可以設(shè)置特定的像素值，也可以選擇“自動”以使用默認(rèn)間距。

• 字符間距（跟蹤）：調(diào)整小部件文本中各個字符之間的間距。您可以設(shè)置一個特定值（以十分之一像素為單位），也可以選擇“ 0”以使用默認(rèn)間距。

• 其他文本選項：此菜單包括以下格式選項：

• 項目符號列表，粗體，斜體，下劃線和刪除線

• 基線：上下移動所選文本的基線。您可以選擇普通，上標(biāo)和下標(biāo)。

• 字母大小寫：轉(zhuǎn)換所選文本中所有字符的大小寫。從“普通”，“大寫”和“小寫”中選擇。




• 文本陰影：為小部件文本中的每個字符添加陰影。

• 對齊：六個對齊選項控制控件的文本在其邊界內(nèi)的對齊。您可以控制水平和垂直對齊。

填充

• 顏色：設(shè)置小部件的填充顏色。小部件填充顏色可以是純色，也可以包括線性或徑向漸變。

• 圖像：設(shè)置形狀小部件的填充圖像以及圖像的對齊，縮放和平鋪。

邊界

• 顏色：設(shè)置線小部件或二維小部件輪廓的顏色和不透明度。線條顏色可以是純色，也可以包括線性或徑向漸變。

• 厚度：設(shè)置線條控件或二維控件輪廓的粗細。

• 圖案：設(shè)置小部件輪廓的圖案。

• 可見性：控制矩形窗口小部件的哪一側(cè)顯示邊框。

• 箭頭：將箭頭添加到線條控件或開放形狀的一端或兩端。

陰影

給選定的小部件一個外部和/或內(nèi)部陰影。您可以控制陰影的X和Y偏移，模糊和顏色。對于內(nèi)部陰影，您還可以控制陰影的擴散。

角

使用數(shù)字“半徑”字段將矩形小部件的角弄圓。（您也可以通過選擇畫布上的小部件并拖動其左上角的黃色三角形來執(zhí)行此操作。）

要控制哪個角顯示圓角，請使用“可見性”下拉列表。

填充

這些數(shù)字控件確定小部件的文本與相應(yīng)的邊框Left，Top，Right和Bottom之間的最小間距（以像素為單位）。

小部件樣式

小部件樣式是可重用的，集中管理的樣式屬性集。您可以將單個窗口小部件樣式應(yīng)用于多個窗口小部件，以統(tǒng)一其樣式。如果更改窗口小部件樣式中的屬性選擇之一，則更改將應(yīng)用于使用該樣式的所有窗口小部件。

要將一種窗口小部件樣式應(yīng)用于一個或多個窗口小部件，請選擇一個或多個窗口小部件，然后在“樣式”窗格或樣式工具欄的窗口小部件樣式下拉列表中選擇該窗口小部件樣式。

您可以通過以下方法查看和管理原型中的窗口小部件樣式：轉(zhuǎn)到項目→窗口小部件樣式管理器，或單擊“樣式”窗格或樣式工具欄中的窗口小部件樣式下拉菜單旁邊的管理窗口小部件樣式圖標(biāo)。

窗口小部件樣式層次結(jié)構(gòu)

每個窗口小部件的視覺外觀由在以下位置進行的樣式屬性選擇確定，從最低優(yōu)先級到最高優(yōu)先級：

1. “小部件樣式管理器”對話框頂部的“默認(rèn)”樣式，其樣式屬性選擇將應(yīng)用于原型中的每個小部件。
2. 窗口小部件的已應(yīng)用窗口小部件樣式（例如Box 3樣式），其樣式屬性選擇將覆蓋默認(rèn)樣式中的選擇。
3. 在“樣式”窗格或樣式工具欄上的窗口小部件自身上進行的樣式屬性選擇，將覆蓋“默認(rèn)”樣式和窗口小部件自己應(yīng)用的窗口小部件樣式中的選擇。

注意：當(dāng)窗口小部件的樣式屬性選擇與其窗口小部件樣式的選擇不同時，窗口小部件樣式名稱后會在“樣式”窗格和樣式工具欄中帶有一個星號。

更新和創(chuàng)建樣式

快速更新

要快速更新樣式，請編輯當(dāng)前正在使用該樣式的小部件的樣式。然后在“樣式”窗格中，單擊樣式名稱右側(cè)的“更新”以進行更新。此更新將應(yīng)用于當(dāng)前使用該樣式的項目中的所有小部件。它還將適用于使用該窗口小部件樣式的任何將來的窗口小部件。

快速創(chuàng)建

要快速創(chuàng)建新樣式，請編輯任何小部件的樣式。然后在“樣式”窗格中，單擊小部件當(dāng)前應(yīng)用的小部件樣式右側(cè)的“創(chuàng)建”。將打開“小部件樣式管理器”對話框，其中小部件的樣式更改已添加到新樣式中。在對話框的左列中，重命名新的小部件樣式。在右列中，您可以對樣式進行其他更改。

小部件樣式管理器

在“樣式”窗格或樣式工具欄上，單擊窗口小部件樣式下拉菜單旁邊的“管理窗口小部件樣式”圖標(biāo)，以打開“窗口小部件樣式管理器”。您也可以通過項目→窗口小部件樣式管理器菜單選項訪問此對話框。

要添加新樣式，請單擊對話框頂部的“添加”。或者，您可以單擊“復(fù)制”以從現(xiàn)有樣式制作新樣式。

要刪除樣式，請選擇它，然后單擊“刪除”。使用向上和向下箭頭重新組織對話框中的樣式。

要編輯小部件樣式的樣式屬性，請在左欄中選擇它。在右列中，選中樣式屬性旁邊的框，以使該屬性覆蓋默認(rèn)樣式，然后在適用字段中選擇該屬性。

您也可以一次編輯多種樣式。在左欄中選擇樣式時，按住CTRL或CMD，然后在右欄中進行更改。

團隊項目中的樣式

在樣式團隊項目，而不檢查出該項目的樣式進行編輯。要為項目的所有用戶更新樣式更改，請通過團隊→將更改發(fā)送到團隊目錄菜單命令發(fā)送更改。

復(fù)制和粘貼樣式

您可以復(fù)制一個小部件的樣式并將其粘貼到另一個小部件上。為此：

1. 復(fù)制第一個小部件。
2. 右鍵單擊第二個小部件。
3. 選擇特殊粘貼→粘貼樣式。

第二個小部件將具有第一個小部件的所有樣式屬性，包括其應(yīng)用的小部件樣式。

格式畫家

在主菜單中的“編輯”→“格式刷”中可以使用格式刷，它使您可以更好地控制在復(fù)制和粘貼時如何將樣式屬性應(yīng)用于窗口小部件。

您可以選擇要復(fù)制和粘貼的單個屬性，也可以一次粘貼到多個小部件上。

此外，格式刷允許您復(fù)制和粘貼樣式效果。

互動風(fēng)格效果

“樣式效果”是基于Web瀏覽器中的交互動態(tài)應(yīng)用的窗口小部件樣式。只要小部件處于特定狀態(tài)（例如將鼠標(biāo)懸停或禁用），它們就會將小部件的樣式從其基本樣式更改為其他樣式。

推薦閱讀：

原型設(shè)計工具Axure RP入門教程

原型設(shè)計工具Axure RP新手教程

關(guān)注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。