首先，如果您还没有开始，我建议您使用 Flex 4。 Flex 4 is just about to be released.
有了 Flex 4，他们有了一个全新的skinning architecture。这意味着您将永远不会再使用 Programmatic Skins。加上他们有Advanced CSS Selectors，所以你可以在 Flex 4 中使用 CSS 做更多的事情。无论如何，程序化皮肤很难动态化。最后，如果您尝试抽象出 Programmatic Skins 的逻辑，您最终将创建一个类似于 Flex 4 Spark Skins 的架构。
定制
我们为使 Flex 4 皮肤和样式尽可能动态化所做的工作如下：
- 样式调色板：静态类或 XML 文件
- 自定义皮肤
- CSS
Style Palletes：这些是静态类，包含您在 CSS 或 Skins 中使用的所有变量。例如，您可以拥有一个包含所有颜色的 ColorPalette：public static const ColorPalette.BRIGHT_RED:uint = 0xff0000; 等。然后您可以通过绑定在 Flex 4 皮肤中使用这些，例如 <mx:Button color="{ColorPalette.RED}"/>。静态类的唯一问题是它们不是动态的（你不能为它们定义任意数量的颜色）。与 XML 相同：您必须（最终）对某个 XML 结构进行硬编码才能在 Skins 中使用它们。您甚至可以让 XML 定义 ColorPalette 值（因此 ColorPalette.ACCENT_COLOR 可以设置为 XML 中的任何内容（金色、亮蓝色或任何重音）。有趣的东西。
自定义皮肤：Flex 4 允许您轻松地为所有 Flex 4 和 Flex 3（数据网格、手风琴等）设置皮肤。因此，如果您不喜欢面板只有 1 个阴影而没有渐变，您可以添加具有 4 个渐变和 2 个阴影的背景（用于 2 个光线角度），也许还有一些翻转效果。然后您可以将ColorPalette.BRIGHT_RED 应用于阴影（或发光:)）。您可以让 XML 配置 ColorPalette 设置。这是cool custom Flex 4 Skin
CSS：然后在 CSS 中，您可以编写一个非常简单的 Palette 解析器，将您的 ColorPalette 值（例如）应用于 CSS。查看Degrafa CSS Skin 获取一些代码示例。
性能
调色板和 CSS 的唯一问题是性能。根据定义，static class 和 binding 会降低性能。绑定会在后台导致大量事件调度，因此<mx:Button color="{ColorPalette.RED}"/> 之类的事情会降低性能（当然不明显，因为有更糟糕的应用程序，例如使用内置的 Adobe Tweens），但在某种程度上确实如此。
与 CSS 相同。在 Flex 中，每个 CSS 选择器 (Panel { properties:values... } 都被转换为一个对象。因此，如果您有 100 个选择器，您的应用程序中不仅会获得 100 个额外的对象，而且还会获得 100 个额外的类！这肯定会增加您的 swf 大小。而且它们的所有属性都是动态的，根据定义，动态类比非动态类慢。另外，设置样式（在 Flex 中使用 setStyle(property, value) 非常慢，因为您必须遍历所有子项。如果您'通过管理系统设置样式（或像您建议的 Flex Style Explorer 之类的东西），那么您并不在乎。但是因为他们使用 setStyle()，所以在更改样式时您可以看到不错的性能。
因此，如果性能是一个超级大问题，最好的选择是对每个样式值进行硬编码，而不是在运行时更改样式（无论如何谁需要这样做（除非您在管理员部分）？）。您如何在保持敏捷的同时对样式进行硬编码？使用 Palletes (ColorPalette.BRIGHT_RED) 等，并通过一些预处理器将绑定表达式 (<mx:Button color="{ColorPalette.RED}"/>) 转换为静态声明（我使用 ruby 编译我的 swfs，所以我只是匹配模式并替换）。因此，它会将<mx:Button color="{ColorPalette.RED}"/> 转换为<mx:Button color="0xff0000"/>，从而提高性能。
尽管如此，最好还是通过以下方式创建自定义皮肤并在那里定义样式：
- 静态声明
<mx:Button color="0xff0000"/>
- 调色板声明
<mx:Button color="{ColorPalette.RED}"/>
- xml 声明
<mx:Button color="{myxml.@button_color}"/>
然后您可以定义一些非常酷和高级的皮肤并将它们连接到调色板或 xml 文件并让用户对其进行编辑。尝试使用 Flash 或 Flex 内置的东西构建一个非常酷的和模块化皮肤/样式系统并不容易（也不可取）。所以最好是
- 创建一组皮肤（并将它们打包为一个主题）
- 将皮肤连接到 xml
- 让用户修改xml
避免使用 CSS，它的处理器密集度太高，除非您需要像在 HTML 中使用的高级选择器，因为它确实让生活变得轻松。但是为了模块化和可定制性（和性能），创建皮肤并将它们连接到 XML。
我自己创建了一个basic theme，我可以在我的所有客户项目中使用它，这定义了我的风格。这包括 3 个包（myskins、mx、spark）。在那里，我复制/粘贴所有默认的 Flex 3/4 皮肤并开始自定义。您可以免费下载Scale 9 Skin Project，让大多数组件准备好进行皮肤和测试。然后我只是将我的设计（photoshop 或其他）合并到 Flex 中，但你可以选择。对于我重用的所有颜色，我将它们添加到调色板并最终添加到 XML。然后，如果我需要一个稍微不同的皮肤并且我多次使用它，我会使用 CSS 为皮肤定义一个新样式（可能是一个没有背景颜色或边框的列表）。我的 CSS 非常精简。然后我可以将我的主题/调色板/css 复制/粘贴到新项目中，根据需要进行修改，允许用户通过 xml（或管理界面）编辑颜色和位置，然后我就可以开始了。
你不能只用 CSS 做那么多。
希望对您有所帮助。
兰斯