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>