Flex皮肤制作方法

首先Flex本身为我们提供了几套皮肤，这些文件可以在Flex的SDK的文件夹下的\sdks\3.2.0\frameworks\themes 文件夹下

其中AeonGraphical文件夹下为我们提供了一个组件的fla源码。我们可以打开这个

AeonGraphical.fla，其中我们可以看到所有的flex的空间的默认显示图形。

如上图，左侧是我们能看到的组件的现实情况，包含了各种状态的显示情况，右侧是这些显示元素的元件包。

我们以checkBox为例，介绍如何修改flex的皮肤。

首先新建一个fla文件，随意命名，这里我命名为checkBox.fla,之后全选AeonGraphical.fla中的checkbox的全部素材，拷贝到新建的checkBox.fla的舞台上。

这时我们可以任意修改这些显示元素的现实情况，也就是自己绘制这些元件的外观。这里我们把选中状态的对勾改为红色，之前是黑色的。

然后新建一个MovieClip，随便叫什么名字，把库中的所有元件放大新建的Mc中，不用在意元件在新的mc中的位置

现在把新建的元件编译为swc文件，保存起来，我保存为checkbox.swc。

之后我们要在flex中要使用这个皮肤

新建一个flex项目，拖动几个checkbox到舞台上，设置为不同的状态，之后使用下图所示工具，导入我们编译好的checkbox.swc。

我们需要完成以上设置，之后系统会显示，元件和状态的对应关系，如下图

完成以后我们会看到，程序为我们生成了checkbox.css文件，并应用到了我们选择的mxml文件，在工程的资源文件夹下导入了我们编译好的swc文件，

现在编译运行我们的项目，我们就能看见自己制作的flex的皮肤了

完成，收工