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

必需的Adobe产品

Flash Builder 4.5

Flash 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应用程序的工作流程。您使用的工作流程取决于您所在小组的类型以及要构建的应用程序的规模。您的第一个选择是将 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的这篇文章。

在单人或小型小组工作流程中，Flash Builder和Flash Catalyst可以快速打包项目，从而实行快速往返传输。

大型小组可以在设计应用程序结构时充分利用Flex Library Project(FXPL)文件的强大功能。FXPL 是组件、外观和资源的集合，但它们没有应用程序状态的概念。

必备知识

一些Flash Catalysy或Flash Builder使用经验将有助于充分利用这篇文章。

创建线框和原型

Flash Catalyst CS5.5是一个创建线框的强大工具。它可以帮助您勾勒应用程序流的概念，通过屏幕逐步演示编排过程。图1说明了一个创建线框和原型的工作流程，其中使用Adobe 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中的往返传输很相似。您可以在过程中随时导入PSD或AI文件，并在其本机工具中编辑设计的任何部分。通过并入设计资源，您可以扩展线框以创建出高保真的交互式原型。

您可以借助新增的“替换为”功能在Flash Catalyst中快速、轻松地将线框转换为高保真的原型。该功能允许您选择线框中的对象，将它们替换为高保真的图稿、组件或外观，同时保留尽可能多的信息。

单人或小型小组工作流程

如果小组只有你一人（或是你和另外一人），则Flash Builder 4.5 与 Flash Catalyst CS5.5 之间的FXP往返传输最适合你！图3说明了这个颇受青睐的功能。



图3.使用Flash Builder 4.5 与 Flash Catalyst 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 兼容项目时，将自动开启兼容性检查程序。查看并处理“问题”面板中的任何兼容性警告后，您有两个选择。如果与他人合作，您可以导出
FXP 文件并移交该项目。如果您独自工作，可以使用 Flash Builder 4.5 启动 Flash Catalyst（请参阅图 4）并继续工作。



图4.在Flash Builder 中，从 Flash Catalyst 中选择“文件”>“Flash Catalyst”>“编辑项目”
在 Flash Catalyst 命令中调用“编辑项目”时，Flash Builder 会将项目所需的所有部件打包并启动 Flash Catalyst 以打开项目供您编辑。完成所有编辑工作后，只需在 Flash Catalyst 中保存项目，返回 Flash Builder 并选择“文件”>“Flash Catalyst”>“继续在 Flash Builder 中处理项目”。

多人工作流程

对于使用多人工作流程的大型小组，项目结构的重要性更高。当多人处理一个项目时，传输一个项目文件可能会造成严重的瓶颈。此时，库项目显得格外实用。Flash Builder 和 Flash Catalyst 都允许您导入和导出库项目以支持多人工作流程（请参阅图 5）。



图5.使用Flash Catalyst 和 Flash Builder 的多人工作流程
多人工作流程可以从 Flash Catalyst 中的线框或高保真原型开始。它也可以从 Flash Builder 中作为开发人员推动的 Flash Catalyst 兼容 Flex 项目开始。例如，在开发人员推动的工作流程中，开发人员将在 Flash Builder 4.5 中创建一个 Flash Catalyst 兼容 Flex 应用程序和几个支持性库项目。其中一个库项目将包含要在 Flash Catalyst 中设计外观的自定义组件。这个库项目可导出为 FXPL 文件并在 Flash Catalyst
中进行编辑。（Flash Catalyst 无法直接打开 FXPL 文件；而是必须新建一个空白的 Flash Catalyst 项目，然后导入这个 FXPL）。扩展 SkinnableComponent 的任何基于 ActionScript 的组件将显示在 Flash Catalyst 的“可设置外观组件”列表中。在这个工作流程中，您可以将图稿指定到自定义 SkinParts。完成外观设计后，设计人员从 Flash Catalyst 导出库，将它合并回 Flash Builder 中的库项目。这样，设计人员就能更新多次迭代中的可视部分，同时继续开发应用程序。

后续工作

本文讨论的工作流程只是一些建议；您的工作流程取决于小组和项目需求。例如，即使您的小组规模较小，项目却可能需要一个较大的项目架构，此时基于 FXPL 的工作流程更适合。以上讨论的工作流程按小组规模进行组织，但实际驱动因素很可能是所开发应用程序的大小和规模。

根据Creative Commons Attribution-Noncommercial 3.0 Unported License* 授予本作品许可。

关于作者

Jacob Surber是Adobe Systems的Flash Catalyst产品经理。

原文出自：Adobe中国