案例3：添加一個自定義部件樣式
下面，網(wǎng)站建設(shè)小編來創(chuàng)建一個自定義部件樣式，然后將其運用于多個不同的部件上。修改該自定義樣式，所有使用該樣式的部件也會同步發(fā)生改變。
第一步：在【部件】面板中拖放一個矩形部件到設(shè)計區(qū)域，然后完成以下設(shè)置，見圖45。
1．設(shè)置其尺寸為140×40像素。
2．設(shè)置圓角半徑為5像素。
3．設(shè)置隱藏邊框。
4．設(shè)置填充顏色為#FF0033。
5．雙擊該矩形部件，輸入文字BUTTON。
6．設(shè)置字體為Arial，字體大小為13像素，設(shè)置字體顏色為#FFFFFF。
（圖45）
第二步：在【部件樣式】面板中單擊【創(chuàng)建】，見圖46，在彈出的【部件樣式編輯器】中輸入部件樣式名稱Red Button，見圖47，單擊【確定】按鈕關(guān)閉【部件樣式編輯器】。
（圖46）
（圖47）
第三步：在【部件】面板中，拖放兩個矩形部件到設(shè)計區(qū)域，并將其調(diào)整為任意尺寸大小，見圖48。然后選中這兩個矩形，在右側(cè)【部件樣式】面板的樣式下拉列表中選擇剛剛新增的Red Button，見圖49。此時，這兩個新增的矩形樣式就變成了我們剛剛新建的Red Button樣式，見圖50。
（圖48）
（圖49）
（圖50）
第四步：選中任意一個矩形，調(diào)整填充顏色為#0066FF，然后在右側(cè)【部件樣式】面板中單擊【Update】，見圖51，更新部件樣式。此時，另外兩個矩形部件的樣式也發(fā)生了改變，見圖52。
（圖51）
（圖52）
至此，使用自定義樣式的小案例就結(jié)束了。在工作項目中，善用自定義部件樣式可以大大提升工作效率。
設(shè)置選項組：與圖像部件的【指定選項組】功能一樣，此處不再贅述。
圓角半徑：使用形狀部件可以添加圓角半徑。要添加圓角半徑效果，選中形狀按鈕部件，拖動部件左上角的黃色小三角調(diào)整圓角半徑，或者到【部件樣式】面板中設(shè)置圓角半徑，見圖53。在Axure RP8中，可以設(shè)置某（幾）個角的圓角半徑，這可以幫助我們在制作特殊按鈕時變得更加輕松，見圖54。
（圖53）
（圖54）
轉(zhuǎn)換形狀/文本部件為圖像：若要將形狀部件轉(zhuǎn)換為圖像且保留形狀部件上已經(jīng)添加的注釋和交互，可以使用【轉(zhuǎn)換為圖像】功能。右鍵單擊想要轉(zhuǎn)換的形狀按鈕，選擇【轉(zhuǎn)換為圖像】，見圖55。
自適應(yīng)部件內(nèi)容的寬和高：形狀部件擁有自適應(yīng)寬高屬性，這是為了自適應(yīng)其文字內(nèi)容的寬高，取代手動指定尺寸和文字換行。設(shè)置自適應(yīng)寬高的快捷操作是雙擊大小調(diào)整手柄。雙擊左右手柄會自動調(diào)整寬度，雙擊上下手柄自動調(diào)整高度適應(yīng)其內(nèi)容高度，雙擊左上、右上、左下、右下4個角會自動調(diào)整寬度和高度適應(yīng)其文字內(nèi)容，見圖56。
（圖55）
（圖56）
陰影：通過添加外部陰影、內(nèi)部陰影和文字陰影可以增加原型的保真度。要添加陰影，可以在頂部的工具欄和【部件樣式】面板中進行設(shè)置，見圖57。
（圖57）
A：外陰影
B：內(nèi)陰影
文字陰影：在【部件樣式】面板的【字體】欄目下，可對形狀部件設(shè)置字體陰影，見圖58。
（圖58）
不透明度：要設(shè)置形狀部件的不透明度，在【部件樣式】面板中設(shè)置【不透明】的值，如50%（數(shù)值越小，透明度越高），見圖59。
（圖59）
邊框：在Axure RP8中可以對形狀部件的某條邊框進行設(shè)置，選中部件后，在【部件樣式】面板中的【邊框】項目中進行設(shè)置，見圖60。
格式刷：當復(fù)制形狀部件的時候，形狀部件的樣式也會被一起復(fù)制。使用【格式刷】工具可以將某個部件的樣式復(fù)制到其他指定部件上，見圖61。
（圖60）
（圖61）
當前文章標題：案例3：添加一個自定義部件樣式
當前URL：http://linjicha.cn/news/wzzz/3380.html
