用flash cs3美化flex3之skin开发
flash cs3与flex 3和谐之道，在于二者相互协作。flex3的组件强劲，但其美工却实难恭维，那套默认的蓝色控件恐怕只能用来开发后台程序。在flex3中，每一个控件，都可以自定义skin，并且由css style文件支持。这一点，flex3的css文件定义基本可以与visual studio 2008的css定义相貔比。
几乎所有flex3的控件属性面板中，都有skin的定义。其skin可以选择default(flex自带与默认的),image files(这一项美化功能不强，不用也罢)，flash symbols(推荐使用这个)。
http://blog.sban.com.cn/download/month_0803/200838123223828.swf
上面这个swf是用flex生成的。读者可以看到，Button的边框及背景已不是默认的蓝色系；用鼠标点击按纽，Button会有一个渐变的动画。这便是能过自定义skin实现的。那么skin怎么做呢？
Adobe Labs 为开发者提供了多种渠道制作flex 控件的skin，可以用flash cs3, photoshop cs3,fireworks cs3和IIIustrator cs3。上面这个例子，我是用flash cs3制作的skin。
在使用flash cs3制作skin之前，请读者确定是否已经安装Adobe Extension Manager CS3，并且已经使用扩展管理器安装了flex skinning templates 。
打开flash cs3，新建一个flex skins文件，本例选择Button，双击button进去编辑，上面那个动画是现有的基础上添加一个层added art，在frame 12与frame 23之间定义了动画。该动画在按下鼠标之后播放。在定义该动画之前，需要把原来在frame 22的over-down:start标签移动到frame 12，这是必不可少的。除了该动画定义，笔者还稍微改动了Button的边框及底色。
有关flex skin 的详细定义文档(english)，可以在这里下载.
本例相关flash与flex project源码下载：
sban 2008年三八妇女节于北京朝阳园
原文链接：http://blog.sban.com.cn/2008/03/09/design-skin-use-flash-cs3-for-flex-components.html
Related Posts
sban blog : FlexComponentKit更新及如何用它在FlashCS3中创建容器 Said on 四月 7th, 2008 at 7:02 下午 quote
[...] 用flash cs3美化flex3之skin开发 让flex3与flash cs3珠联璧合协作开发 用Flash cs3与flex [...]
4812c2d79a Said on 四月 26th, 2008 at 1:46 下午 quote
4812c2d79a…
4812c2d79a…
梦开始的地方 » Blog Archive » 美丽与你共享—flex皮肤主题推荐 Said on 六月 11th, 2008 at 11:08 下午 quote
[...] 用flash cs3美化flex3之skin开发 [...]
4863dea6d0 Said on 六月 27th, 2008 at 2:19 上午 quote
4863dea6d0…
4863dea6d0…
tramadol Said on 八月 5th, 2008 at 10:34 上午 quote
tramadol hcl acetaminophen…
tramadol 50mg…
Max’s RIA TecBlog » Blog Archive » (转)美丽与你共享—flex皮肤主题推荐 Said on 九月 14th, 2008 at 7:50 上午 quote
[...] 用flash cs3美化flex3之skin开发 [...]