9.13.嵌入圖像的皮膚

2024-04-27 13:52:07

字體：大中小

供稿：網(wǎng)友

9.13.1. 問(wèn)題
你想用自定義的圖像為組件的視覺(jué)元素應(yīng)用皮膚。
9.13.2. 解決辦法
利用組件的樣式屬性提供自定義的JPEG、GIF 或者PNG 圖像。這些屬性能在組件實(shí)例中嵌入地通過(guò)MXML 或者作為CSS 樣式定義的部分而直接設(shè)定。
9.13.3. 討論
內(nèi)置的Flex 主題默認(rèn)地為組件應(yīng)用計(jì)劃好的皮膚類(lèi)。你能創(chuàng)造自定義編程實(shí)現(xiàn)皮膚類(lèi)或者指定圖形元素為皮膚，以修改組件的視覺(jué)組成。能應(yīng)用皮膚的組件通常含有一系列能在用戶(hù)交互時(shí)展現(xiàn)出來(lái)的皮膚狀態(tài)或者階段。這樣當(dāng)生成自定義圖形皮膚時(shí)，這將有助于牢記組件的不同交互狀態(tài)。

下面例子中，自定義圖像應(yīng)用于一個(gè)Button 組件多個(gè)背景狀態(tài)。代碼很明確地在Button 實(shí)例上嵌入地直接設(shè)定upSkin、overSkin、downSkin 和disabledSkin 樣式屬性：

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal" backgroundColor="#FFFFFF">
<mx:Button label=""
upSkin="@Embed('assets/images/text_button_up.png')"
overSkin="@Embed('assets/images/text_button_over.png')"
downSkin="@Embed('assets/images/text_button_down.png')"
disabledSkin="@Embed('assets/images/text_button_disabled.png')" />
</mx:Application>