理解全新的Flash-Catalyst-CS5.5和Flash-Builder-4.5工作流程

1、理解全新的Flash Catalyst CS5.5和Flash Builder 4.5工作流程必需的Adobe产品Flash Builder 4.5Flash Catalyst CS5.5注意：Adobe Labs目前提供早期预览发行版下载Flash Builder 4.5和Flash Catalyst CS5.5的最终发行版将于5月初提供下载。Adobe Flash Catalyst CS5.5和Adobe Flash Builder 4.5包含许多新增功能，它们可实现构建引人入胜、具有感染力的Flex应用程序的工作流程。您使用的工作流程取决于您所在小组的类型以及要构建的应用程序的规模。您的

2、第一个选择是将 Flash Catalyst 用作线框工具。作为一个线框工具，您可以快速创立应用程序布局、编排和交互。如果您的目标只是线框，那么可以只使用 Flash Catalyst CS5.5。如果您准备将线框进一步开发为一个交互式原型，您可能还需要 Flash Builder 4.5。与Flash Builder 结合使用时，Flash Catalyst 将成为一个可视创立Flex Spark 外观的出色工具。Flash Builder 4中引入了 Spark 外观设计架构。要深入了解Spark外观设计，请参阅Flex SDK工程师Ryan Frishberg的这篇文章。文档来自于网络搜

3、索在单人或小型小组工作流程中，Flash Builder和Flash Catalyst可以快速打包工程，从而实行快速往返传输。大型小组可以在设计应用程序结构时充分利用Flex Library Project(FXPL)文件的强大功能。FXPL 是组件、外观和资源的集合，但它们没有应用程序状态的概念。必备知识一些Flash Catalysy或Flash Builder使用经验将有助于充分利用这篇文章。创立线框和原型Flash Catalyst CS5.5是一个创立线框的强大工具。它可以帮助您勾勒应用程序流的概念，通过屏幕逐步演示编排过程。图1说明了一个创立线框和原型的工作流程，其中使用Adobe

4、 Illustrator或Adobe Photoshop编辑图稿。图1.Flash Catalyst的线框工作流程如果线框是您的最终目标，您可能不需要使用Photoshop和Illustrator实现往返传输工作流程。Flash Catalyst CS5.5引入了一个“公用库面板请参阅图2，它包含基于Spark的Flex组件以及专为创立线框而设计的占位符组件。图2.Flash Catalyst“公用库面板Flash Catalyst CS5.5 与 Photoshop CS5.1或Illustrator CS5.1之间的资源往返传输与Flash Catalyst CS5中的往返传输很相似。您可

5、以在过程中随时导入PSD或AI文件，并在其本机工具中编辑设计的任何局部。通过并入设计资源，您可以扩展线框以创立出高保真的交互式原型。您可以借助新增的“替换为功能在Flash Catalyst中快速、轻松地将线框转换为高保真的原型。该功能允许您选择线框中的对象，将它们替换为高保真的图稿、组件或外观，同时保存尽可能多的信息。单人或小型小组工作流程如果小组只有你一人或是你和另外一人，那么Flash Builder 4.5 与 Flash Catalyst CS5.5 之间的FXP往返传输最适合你！图3说明了这个颇受青睐的功能。图3.使用Flash Builder 4.5 与 Flash Cataly

6、st CS5.5之间的FXP往返传输的工作流程在这个工作流程中，您在 Flash Catalyst 中创立线框或高保真原型后，只需保存 FXP 文件并将它导入 Flash Builder 4.5 即可。在 Flash Builder 中，您开始添加业务逻辑、连接到数据和 Web 效劳、添加高级布局和完成自定义组件。Flash Builder 4.5 提供一个 Flash Catalyst 兼容性检查程序。从 Flash Catalyst 导入一个 .FXP 文件或在 Flash Builder 中创立一个 Flash Catalyst 兼容工程时，将自动开启兼容性检查程序。查看并处理“问题面板

7、中的任何兼容性警告后，您有两个选择。如果与他人合作，您可以导出 FXP 文件并移交该工程。如果您单独工作，可以使用 Flash Builder 4.5 启动 Flash Catalyst请参阅图 4并继续工作。图4.在Flash Builder 中，从 Flash Catalyst 中选择“文件>“Flash Catalyst>“编辑工程在 Flash Catalyst 命令中调用“编辑工程时，Flash Builder 会将工程所需的所有部件打包并启动 Flash Catalyst 以翻开工程供您编辑。完成所有编辑工作后，只需在 Flash Catalyst 中保存工程，返回 F

8、lash Builder 并选择“文件>“Flash Catalyst>“继续在 Flash Builder 中处理工程。多人工作流程对于使用多人工作流程的大型小组，工程结构的重要性更高。当多人处理一个工程时，传输一个工程文件可能会造成严重的瓶颈。此时，库工程显得格外实用。Flash Builder 和 Flash Catalyst 都允许您导入和导出库工程以支持多人工作流程请参阅图 5。图5.使用Flash Catalyst 和 Flash Builder 的多人工作流程多人工作流程可以从 Flash Catalyst 中的线框或高保真原型开始。它也可以从 Flash Build

9、er 中作为开发人员推动的 Flash Catalyst 兼容 Flex 工程开始。例如，在开发人员推动的工作流程中，开发人员将在 Flash Builder 4.5 中创立一个 Flash Catalyst 兼容 Flex 应用程序和几个支持性库工程。其中一个库工程将包含要在 Flash Catalyst 中设计外观的自定义组件。这个库工程可导出为 FXPL 文件并在 Flash Catalyst 中进行编辑。Flash Catalyst 无法直接翻开 FXPL 文件；而是必须新建一个空白的 Flash Catalyst 工程，然后导入这个 FXPL。扩展 SkinnableComponen

10、t 的任何基于 ActionScript 的组件将显示在 Flash Catalyst 的“可设置外观组件列表中。在这个工作流程中，您可以将图稿指定到自定义 SkinParts。完成外观设计后，设计人员从 Flash Catalyst 导出库，将它合并回 Flash Builder 中的库工程。这样，设计人员就能更新屡次迭代中的可视局部，同时继续开发应用程序。个人收集整理 勿做商业用途后续工作本文讨论的工作流程只是一些建议；您的工作流程取决于小组和工程需求。例如，即使您的小组规模较小，工程却可能需要一个较大的工程架构，此时基于 FXPL 的工作流程更适合。以上讨论的工作流程按小组规模进行组织，但实际驱动因素很可