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

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

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

免費下載Axure RP 優惠購買Axure RP

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

樣式屬性

不透明度

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

版式

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

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

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

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

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

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

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

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




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

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

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

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

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

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

• 圖案：設置小部件輪廓的圖案。

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

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

陰影

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

角

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

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

填充

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

小部件樣式

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

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

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

窗口小部件樣式層次結構

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

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

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

更新和創建樣式

快速更新

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

快速創建

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

小部件樣式管理器

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

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

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

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

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

團隊項目中的樣式

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

復制和粘貼樣式

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

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

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

格式畫家

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

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

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

互動風格效果

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

推薦閱讀：

原型設計工具Axure RP入門教程

原型設計工具Axure RP新手教程

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。