利用Creative Suite 3 制作Flex 3应用的皮肤（一）

kingapex

注意: 这篇文章只适用于 Flex 3. 如果要了解 Flex 2 皮肤元件方面的信息，请看这里： 用Flash, Photoshop, Fireworks, or Illustrator 设计Flex 2的皮肤.
Flex 内置的元件已经为定制应用程序的外观提供了丰富的功能。刚开始，你可以用元件缺省的外观，也可以能过CSS样式对外观做一些调整；甚至你还可以使用Adobe Creative Suite这样的可视化设计工具通过自绘向量或位图把默认的外观替换掉。
以 Flex 先前的版本中，文章designing Flex 2 skins里面提到的 Flex Style Explorer 以及皮肤模版有助于皮肤和样式的设计。对于 Flex 3 and Creative Suite 3, Adobe 提供了一站式的方案：将皮肤和样式设计过程直接集成到 Adobe 设计和开发工具中。现在，你可以用 Builder 3 调整内建元件的风格与外观。如果你想定制外观，你可以先在 CS3 工具里画出来，然后把工作成果导入到 Flex Builder, 也可以导为字体或者样式。不用再手工编辑 CSS !
这篇文章对 CS3 extensions and Flex Builder 3 皮肤与样式设计方面的特性以及操作过程做了简单的介绍。有关这些特性的更详细的介绍，我会在下面给出相关的链接。
所需工具：
要想创建不同外观的内置元件：

• Try Flex Builder 3
  
• Buy Flex Builder 3
  

要想定制元件的皮肤：

• Flex Builder 3
  
• One of Photoshop CS3, Illustrator CS3, Fireworks CS3, or Flash CS3
  
• Flex Skin Design Extensions for CS3
  
• 如果你正在使用 Flash, Flex Component Kit for Flash CS3.