《2022年理解全新的Flash-Catalyst-CS5.5和Flash-Builder-4.5工作流程》由会员分享,可在线阅读,更多相关《2022年理解全新的Flash-Catalyst-CS5.5和Flash-Builder-4.5工作流程(5页珍藏版)》请在金锄头文库上搜索。
1、理解全新的和工作流程必需的 Adobe产品注意:Adobe Labs目前提供早期预览发行版下载和的最终发行版将于5 月初提供下载。和包含许多新增功能,它们可实现构建引人入胜、具有感染力的Flex 应用程序的工作流程。您使用的工作流程取决于您所在小组的类型以及要构建的应用程序的规模。您的第一个选择是将Flash Catalyst 用作线框工具。 作为一个线框工具,您可以快速创建应用程序布局、 编排和交互。 如果您的目标只是线框,则可以只使用。如果您准备将线框进一步开发为一个交互式原型,您可能还需要。与Flash Builder 结合使用时, Flash Catalyst 将成为一个可视创建Fle
2、x Spark 外观的出色工具。Flash Builder 4中引入了Spark 外观设计架构。要深入了解Spark外观设计,请参阅Flex SDK工程师 Ryan Frishberg的这篇文章 。在单人或小型小组工作流程中,Flash Builder和 Flash Catalyst可以快速打包项目,从而实行快速往返传输。大型小组可以在设计应用程序结构时充分利用Flex Library Project(FXPL)文件的强大功能。 FXPL 是组件、外观和资源的集合,但它们没有应用程序状态的概念。必备知识一些 Flash Catalysy或 Flash Builder使用经验将有助于充分利用这篇
3、文章。创建线框和原型是一个创建线框的强大工具。它可以帮助您勾勒应用程序流的概念,通过屏幕逐步演示编排过程。图1 说明了一个创建线框和原型的工作流程,其中使用Adobe Illustrator或Adobe Photoshop编辑图稿。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 1 页,共 5 页图 1. Flash Catalyst的线框工作流程如果线框是您的最终目标,您可能不需要使用Photoshop和 Illustrator实现往返传输工作流程。引入了一个“ 公用库 ” 面板请参阅图2,它包含基于Spark的 Flex 组件以及专为创建线框而
4、设计的占位符组件。图 2. Flash Catalyst“公用库 ” 面板Flash Catalyst CS5.5 与或之间的资源往返传输与Flash Catalyst CS5中的往返传输很相似。您可以在过程中随时导入PSD 或 AI 文件,并在其本机工具中编辑设计的任何部分。通过并入设计资源,您可以扩展线框以创建出高保真的交互式原型。您可以借助新增的“ 替换为 ” 功能在 Flash Catalyst中快速、轻松地将线框转换为高保真的原型。 该功能允许您选择线框中的对象,将它们替换为高保真的图稿、组件或外观,同时保留尽可能多的信息。精选学习资料 - - - - - - - - - 名师归纳总
5、结 - - - - - - -第 2 页,共 5 页单人或小型小组工作流程如果小组只有你一人或是你和另外一人, 则 Flash Builder 4.5 与 Flash Catalyst CS5.5 之间的 FXP 往返传输最适合你!图3 说明了这个颇受青睐的功能。图 3. 使用 Flash Builder 4.5 与之间的FXP 往返传输的工作流程在这个工作流程中,您在Flash Catalyst 中创建线框或高保真原型后,只需保存FXP 文件并将它导入Flash Builder 4.5 即可。在Flash Builder 中,您开始添加业务逻辑、连接到数据和Web 服务、添加高级布局和完成自
6、定义组件。Flash Builder 4.5 提供一个 Flash Catalyst 兼容性检查程序。从Flash Catalyst 导入一个 .FXP 文件或在Flash Builder 中创建一个Flash Catalyst 兼容项目时, 将自动开启兼容性检查程序。查看并处理 “ 问题 ” 面板中的任何兼容性警告后,您有两个选择。如果与他人合作,您可以导出FXP 文件并移交该项目。如果您单独工作,可以使用Flash Builder 4.5 启动Flash Catalyst请参阅图4并继续工作。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 3
7、页,共 5 页图 4. 在 Flash Builder 中, 从 Flash Catalyst 中选择 “ 文件 ”“Flash Catalyst”“编辑项目 ”在 Flash Catalyst 命令中调用 “ 编辑项目 ” 时, Flash Builder 会将项目所需的所有部件打包并启动Flash Catalyst 以打开项目供您编辑。完成所有编辑工作后,只需在Flash Catalyst 中保存项目,返回Flash Builder 并选择 “ 文件 ” “ Flash Catalyst” “继续在Flash Builder 中处理项目 ” 。多人工作流程对于使用多人工作流程的大型小组,项
8、目结构的重要性更高。当多人处理一个项目时,传输一个项目文件可能会造成严重的瓶颈。此时,库项目显得格外实用。Flash Builder 和Flash Catalyst 都允许您导入和导出库项目以支持多人工作流程请参阅图5。图 5. 使用 Flash Catalyst 和 Flash Builder 的多人工作流程多人工作流程可以从Flash Catalyst 中的线框或高保真原型开始。它也可以从Flash Builder 中作为开发人员推动的Flash Catalyst 兼容 Flex 项目开始。例如,在开发人员推动的工作流程中,开发人员将在Flash Builder 4.5 中创建一个Flas
9、h Catalyst 兼容 Flex 应用程序和几个支持性库项目。其中一个库项目将包含要在Flash Catalyst 中设计外观的自定义组件。这个库项目可导出为FXPL 文件并在Flash Catalyst 中进行编辑。 Flash Catalyst 无法直接打开FXPL 文件;而是必须新建一个空白的Flash Catalyst 项目,然后导入这个FXPL 。扩展SkinnableComponent 的任何基于精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 4 页,共 5 页ActionScript 的组件将显示在Flash Catalyst 的
10、“ 可设置外观组件” 列表中。在这个工作流程中,您可以将图稿指定到自定义SkinParts。完成外观设计后,设计人员从Flash Catalyst 导出库, 将它合并回Flash Builder 中的库项目。 这样, 设计人员就能更新多次迭代中的可视部分,同时继续开发应用程序。后续工作本文讨论的工作流程只是一些建议;您的工作流程取决于小组和项目需求。例如,即使您的小组规模较小,项目却可能需要一个较大的项目架构,此时基于FXPL 的工作流程更适合。以上讨论的工作流程按小组规模进行组织,但实际驱动因素很可能是所开发应用程序的大小和规模。根据 Creative Commons Attribution-Noncommercial 3.0 Unported License*授予本作品许可。关于作者Jacob Surber是Adobe Systems的Flash Catalyst产品经理。原文出自: Adobe中国精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 5 页,共 5 页