现时网上的Flex皮肤感觉不是很多,而在开发Flex时总不希望使用默认的皮肤。说老实话,我对像Vista那种风格并没太多的好感,超华丽的界面反而 令我有点“烦”,是一种臃肿的感觉。而很早之前初次接触M$的Office 2007时,就被那优雅的天蓝色深深吸引住。很渴望有一天我会有一个作品像Office 2007那样美丽。最近腾出些时间来做了一套Flex皮肤,打算以后我有什么作品都先使用这套皮肤,假如有时间了会继续做更多更好的皮肤,算是缓解我这个 程序员对美工的饥渴。我不想做了一个功能到位却长着一副丑陋面孔的作品,更不想经常跟不懂程序只做美工的人多说,所以我喜欢前后台什么也全包,也可能正因 为如此,我比较孤立(除非找到同类的)。
废话不多说,先来介绍一下这一套我花了几天时间来做的Flex皮肤。使用了Flash CS3来做皮肤,Flex Builder里的Design来调制样式并生成规范的CSS代码。基本上我就使用了这两款工具,还有一些周边的小软件(例如我经常使用的放大取色 器:Colour_Contrast)。来一个先睹为快:

因以下原因,我并没有所有组件都做皮肤了:
1、一些组件原本的外观已经不错而且也跟我现在这套风格很相配,所以完全没有改变它们的外观;
2、一些组件使用CSS来改变外观比重新做一个皮肤要方便得多,所以不重新做皮肤而使用了CSS;
3、一些组件,它们有继承关系,改了父组件的皮肤,它的子组件也跟着改变了,所以不管子组件了:)。
没有完全改变外观的组件如下:
ColorPicker 组件:没有样式过,使用原来外观
DateChooser 组件:这个组件既有做皮肤,也有使用了CSS,具体的CSS代码请看 DataGrid_List_DateChooser_Panel.css 文件
DataGrid 组件:使用 css 来更改外观,具体的CSS代码请看 DataGrid_List_DateChooser_Panel.css 文件
Glyphs 组件集:除了 menu 的 Menu_separatorSkin 之外其它元件没有更改外观
List 组件:使用 css 来更改外观,具体的CSS代码请看 DataGrid_List_DateChooser_Panel.css 文件
Panel 组件:使用 css 来更改外观,具体的CSS代码请看 DataGrid_List_DateChooser_Panel.css 文件
TitleWindow 组件:继承 Panel,外观跟 Panel 一样,除了 closeButton
ToggleButtonBar 组件:继承 ButtonBar,外观跟 ButtonBar 一样
其它没有说明的就是完全改变了外观并且在 fla 源文件里都会出现的了,而在 fla 源文件里没有出现的组件要不就是使用CSS来更改外观,要不就是完全没有改变外观。
因为不是专业的UI设计师,所以当你发现不足或者Bug,甚至是严重的Error时,请留言告诉给我(http://www.RIAHome.cn),我会第一时间完善更正,谢谢!
admin#flashas.net (#为@) 联系QQ:
:40777822
浙ICP备06033001号