Flex 4中Spark组件利用Skin Class外观设计(3)

SkinClass借助FXG和状态语法完成组件的交互式设计。

FXG对于复杂的图形会生成多而繁琐的代码，这时还不如使用一张透明的PNG图片代替来得“划算”。

当然SkinClass中也有插入图片的标签，就是<s:BitmapImage/>。其插入图片非常方便，也可随意缩放、旋转等。

以下是本人写的一个简单实例：

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark" 
		xmlns:mx="library://ns.adobe.com/flex/mx"
		alpha.disabled="0.7">
	<s:states>
		<s:State name="up"/>
		<s:State name="over"/>
		<s:State name="down"/>
		<s:State name="disabled"/>
	</s:states>
　　<s:BitmapImage scaleX="0.35" scaleY="0.35" width="64" height="64" source="@Embed('search.png')"/>
</s:Skin>

来自http://flex4jiaocheng.com/blog/270