Flex编程皮肤： （1）编程皮肤 / 图片皮肤

皮肤顾名思义，就是我们看到的各种可视组件的外观。

Flex皮肤可分为两类：编程皮肤和图片皮肤。

 

图片皮肤就是用图片作为可视化组件的外观，通过动态（比如鼠标移入与移出）切换图片来达到外观变化的效果。

编程皮肤就是利用ActionScript语言的画图功能来绘制可视化组件的外观。

 

两者比较起来：

图片皮肤能够实现通过编程无法实现的复杂的外观效果，而且对于程序开发人员，图片皮肤使用非常简单。缺点是程序开发人员无法控制皮肤。

图片皮肤适合于对界面艺术效果要求很高的应用场景，通常这样的场景不是主要用于处理数据。

编程皮肤与之相反，通常只能实现相对中规中矩的外观效果。程序开发人员可以完全控制皮肤的变化，但是需要编写很多代码。

编程皮肤适合以数据处理为主的应用场景，比如企业级数据处理系统。

编程皮肤似乎弱化了艺术设计者的作用，把原本由艺术设计者的工作内容交给了程序开发人员，但是有多少程序开发者能够凭空编写出养眼的皮肤代码呢？

如果缺少了艺术设计者对布局、外观、形态、色彩搭配的设计，这种编程的灵活性也只能沦为无用武之地的空架子。

 

Flex3框架提供了编程皮肤的基础。底层的层次结构是：

flash.Display.Shape --> FlexShape --> ProgrammaticSkin

 

ProgrammaticSkin是所有编程皮肤的基础类。

了解编程皮肤的原理，就要从它开始入手。