flex有很多组件，开发起来比较方便，但是很多时候我们会希望自己设计组件的外观。

flex的组件库有mx和spark，具体区别可以百度，作者最终选择用spark。

如何自定义皮肤，先从按钮开始。参考：http://www.cnblogs.com/spoony/archive/2010/11/01/flex4-skinning-part01-simple-button-skin.html。直接复制代码，确实可以。

顺便看一下这个，讲的比上边那个详细一点。http://www.cnblogs.com/dynasty/archive/2012/02/25/2367469.html

最后看看这篇。http://www.adobe.com/cn/devnet/flex/articles/flex4_skinning.html

作者总结：我们可以通过指定skinClass来自定义组件的皮肤，skinClass指向一个mxml文件，该文件时用来描述自定义皮肤的，具体可以参考上面的文章。

问题：

1、上面介绍的都是通过矢量图（类似于fxg，svg）来定义皮肤的，能不能直接用位图来做皮肤。

解决方法：http://bbs.9ria.com/thread-67888-1-1.html

<s:Graphic>
                <s:BitmapImage source.up="@Embed('assets/images/components/button/up.png')"
                                           source.over="@Embed('assets/images/components/button/over.png')"
                                           source.down="@Embed('assets/images/components/button/over.png')"/>
        </s:Graphic>

2、如何通过设计工具由设计师来制作并导出可用的皮肤文件，而不是由程序人员编写或修改mxml文件。

据说Flash Catalyst是做这个的，没看过。上面的方法+flash导出fxg就够用了。

3、按钮中要加入动画效果怎么做。

不知道，但是一般也没必要这么做吧。

总的来说，用flex还是侧重于用它强大的组件（当然包括数据的绑定和与服务器的交互）。自定义外观还是老老实实用矢量图吧。

40几个精美的Flex主题/皮肤，flex还是可以做的很漂亮的。

附带一个fxg2mxml的工具