9.13.嵌入圖像的皮膚

2024-04-27 13:52:07

字體：大中小

來源：轉載

供稿：網友

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

下面例子中，自定義圖像應用于一個Button 組件多個背景狀態。代碼很明確地在Button 實例上嵌入地直接設定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>