flex skinning 机制实践

 

Flex 中的组件框架中包含了对组件外观进行定制的功能 (skinning), 通过 skinning 机制 , 可以在保留组件交互特性不变的情况下 , 将可视外观完全替换掉 . Skin 的替换主要是在 css 中为组件指定相应的 skin 图形资源来实现 ,skin 图形资源可以是以下几种类型 : 继承自 ProgrammaticSkin 的类 , 图形文件 , 存储在 swf 文件中的一个符号 (symbol). 根据需要可以仅为应用程序中用到的组件替换 skin, 也可以设计一套完整的 , 针对所有组件的 skin. 例如 yahoo 就制作了一套较完整的 skin, 可以免费下载使用

(http://developer.yahoo.com/flash/articles/assets/flex-skinning/yflexskin.html )

下面这幅图是我在实践这个 skinning 机制过程中的一个播放器 , 使用的组件都是标准的 flex 组件 :Button,HSlider,Label 等 . 播放进度部分为了能够同时显示播放进度和下载进度 , 对 HSlider 进行了扩展 . 附件里面是这个播放器的源码 .