理解全新的FlashCatalystCS和FlashBuilder工作作业流程.docx

了解全新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），它包含基于SparkFlex组件和专为创建线框而设计占位符组件。

图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 SystemsFlash Catalyst产品经理。
原文出自：Adobe中国