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

理解全新的 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应用程序的工作流程。您使用的工作流程取决 于您所在小组的类型以及要构建的应用程序的规模。您的第一个选择是将Flash Catalyst 用作线框工具。作为一个线框工具，您可以快速创立应用程序布局、编排和交互。如果您的 目标只是线框，那么可以只使用Flash Catalyst CS5.5o如果您准备将线框进一步开发为 一个交互式原型,您可能还需要Flash Builder 4.5。与Flash Builder结合使用时，Flash Catalyst将成为一个可视创立Flex Spark外观的出色工具。Flash Builder 4中引入了 Spark外观设计架构。要深入了解Spark外观设计，请参阅Flex SDK I程师Ryan Frishberg的这篇文章。在单人或小型小组工作流程中，Flash Builder和Flash Catalyst可以快速打包工程， 从而实行快速往返传输。大型小组可以在设计应用程序结构时充分利用Flex Library Project(FXPL)文件的强 大功能。FXPL是组件、外观和资源的集合，但它们没有应用程序状态的概念。必备知识一些Flash Catalysy或Flash Builder使用经验将有助于充分利用这篇文章。创立线框和原型Flash Catalyst CS5.5是一个创立线框的强大工具。它可以帮助您勾勒应用程序流的 概念，通过屏幕逐步演示编排过程。图1说明了一个创立线框和原型的工作流程，其中使 用 Adobe Illustrator 或 Adobe Photoshop 编辑图稿。Uw cd art in IlknlrMot PhotoihopDevelop Create interact nrt cocnpontnu De6neoe interKtiom and and teu the projectn CrM* wirrmeCfMttandin FUih Cjul/ymodrfy vitw tUtsgmfrocnCS图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或Al 文件，并在其本机工具中编辑设计的任何局部。通过并入设计资源，您可以扩展线框以创立 出高保真的交互式原型。您可以借助新增的替换为”功能在Flash Catalyst中快速、轻松地将线框转换为高保 真的原型。该功能允许您选择线框中的对象，将它们替换为高保真的图稿、组件或外观，同 时保存尽可能多的信息。单人或小型小组工作流程Catalyst CS5.5Catalyst CS5.5 Import FXP from dengnetSntsue to develop appkauon log connect to and wrb lervxei.DeveloperDesigns Develop appkaoon SogK connect to datj and wrb lervicei advanced tayou. custom componentsiaQ Import FXP from dengner Confirm cotnpatibiky如果小组只有你一人（或是你和另外一人）,那么Flash Builder 4.5与Flash 之间的FXP往返传输最适合你！图3说明了这个颇受青眯的功能。 Confirm compebbtkty. export m FXP to图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）并继续工作。 RefreshClose ProjectClose Unrelated ProjectsFlash CatalystFlash CatalystExecute Flexllnit Tests ValidateCreate Ajax Bridge.*01 Edit Project in Flash Catalyst.*i21 Resume Working On Project in Flash Builder. 自 Cancel Editing Project in Flash Catalyst.图 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）。DesignerS up bbraty CreMe cmtxn skjnnable cocnponeg export FXPl todeygnefGvote xSdiUxul bbonei & custom 虫 irwUMe componeM$ Confirm comfMbMey. export as FXPtSWFDeploy appDevelop applacMKm logic, coonoct to diu and web“v，nced layouts图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 UnportedLicense*授予本作品许可。关于作者Jacob Surber Adobe Systems 的 Flash Cata/yst 产品经理。原文出自：Adobe中国