为Flex应用程序设置外观的工作流程是什么？

Question

另外，如果你想创建一个完整的 Flex 4皮肤，你从哪里开始？是否有一个列表，列出了为某个地方创建图形所需的所有“部分”（组件部分），或者一些完整的示例皮肤用作模板？在Flash Builder Design View中正确渲染外观吗？ （包括嵌入字体）

Answer 1

大多数人都会指向Flash Catalyst，但我最后一次看到它并不是包罗万象的创建一个完整的皮肤/主题，更不用说1.0软件固有的其他问题。我首先复制默认皮肤文件并修改它们，然后根据SDK附带的defaults.css文件创建一个新的CSS文件。更棘手的部分是并非所有组件（Tree，DataGrid，DateChooser，ColorPicker等）都可用作Spark组件，这意味着您还需要一个完整的皮肤/主题来创建一堆mx皮肤。结论：如果你认真对待这个问题，那么你需要花费大量时间来理解defaults.css及其引用的皮肤类。

要回答您的原始问题，我的个人工作流程是在OmniGraffle中创建皮肤的模型，然后使用它作为指导来修改默认皮肤文件的副本（查看spark.skins和mx.spark.skins ）通过直接操作mxml（而不是使用Illustrator或Catalyst等图形工具。）

希望有所帮助。

Answer 2

基本上，在为Flex 4应用设置外观时，您有很多选择：

• 使用“常规”样式（chromeColor，selectionColor，focusColor，...）。这通常称为“样式”而不是“蒙皮”，因为您只更改了应用程序的整体外观。这是迄今为止最简单的方法，可以快速更改应用程序的外观，而无需了解FXG，MXMLG，......缺点是它看起来仍然像Flex应用程序，但具有不同的颜色/字体
• 使用Adobe工具生成FXG文件。这些工具可以是Illustrator，Photoshop，Flash CS5。您可以使用这些工具设计每个spark组件，并以.fxg格式导出结果。 FXG很棒，因为它是optimized，但你不能使用数据绑定之类的东西
• 手动（从头开始或复制默认的火花皮肤）或借助Flash Catalyst在MXMLG中编写皮肤。 Catalyst可以使用Illustrator或Photoshop设计并将其转换为MXMLG。经验表明，即使使用最新版本，它仍然很痛苦。而且你经常会做this之类的事情。

在我们的团队中，没有像Flash Catalyst那样的设计师/开发人员工作流程。下一个版本看起来更好，但它仍然远远不是微软在Visual Studio / Blend上做的事情。 话虽如此，新的Spark架构非常棒。剥皮更容易，更灵活，更易读。使用这种架构，开发人员可以对组件进行编码，设计人员只需了解合同（skinparts，skinstates，data） 如果您使用Presentation Model模式，也适用于视图。

Flex 3中没有“模板”外观，因为外观不再使用符号。可以做的是Flex 4风格的资源管理器。

最后一句话，这里已经说过，但不要忘记，对于当前版本（4.1），所有组件都没有等效的火花，所以你仍然会对组件使用Flex 3皮肤技术例如DataGrid，Tree，......

Answer 3

这是我通常“开始”的地方

http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html

一旦我弄清楚我有什么组件皮肤，我无法改变我想用Flex改变我想要改变的东西，那么我进入Flash并开始拆分它们并调整它们。

http://www.adobe.com/devnet/flex/articles/skins_styles.html

（另外，我在设计视图中从来没有任何正确渲染）