使用 Flash Builder 中的分析工具改善 Flash Professional 项目的性能

阅读数:1613 2011 年 11 月 29 日

话题:语言 & 开发架构

需求

用户水平

中级

需要的产品

Adobe Flash Platform 包含一个综合工具集,支持您创建 Flash 项目并使用您选择的产品编辑它们:Flash Builder、Flash Catalyst 和 Flash Professional。在构建并测试在 Flash Player 和 Adobe AIR 中回放的项目时,您可以从一项产品无缝地切换到另一项产品。

每个工具都具有具体的优势可供您用于开发和优化项目。例如,即使您单独使用 Flash Professional 来创建动画和应用程序,也可以利用 Flash Builder 中强大的分析工具来检查内存使用。在分析器中运行 Flash 应用程序后,您可以分析配置文件数据并了解如何优化它的性能。

在本文中,您将探索如何在 Flash Professional 中设置 Flash 项目,以便您可以在 Flash Builder 中使用它们。这涉及到使用 Flash Professional 的项目面板并为在 Flash Builder 中调试而配置 FLA 文件。您还将学习如何在 Flash Builder 中打开一个 Flash 项目并在 Flash Builder 工作区中运行一个分析会话。

开始之前,请下载并安装最新版的Adobe Flash Player Debugger

为 Flash Builder 分析会话准备 Flash Professional 项目

您首先将使用 Flash Professional 创建一个新项目,并设置它来启用 Flash Builder 中的调试和性能分析功能。您将遵循此流程来创建一个 Flash 项目,以便可以使用所有 Adobe Flash Platform 产品编辑它。如果您已有一个希望测试的 FLA 文件,可以使用它来创建 Flash 项目。使用与 FLA 文件相同的名称创建一个新文件夹,将 FLA 文件复制到其中。也可以创建一个空白 FLA 文件来学习如何设置未来的项目。

在 Flash Professional 中创建新 Flash 项目

执行以下步骤来创建 Flash 项目:

  1. 启动 Flash Professional CS5.5 并选择 File > New。
  2. 在 New Document 对话框中,选择 Flash Project 并单击 OK。
  3. Project 面板将出现并显示 Create New Project 窗口。单击 Root folder 字段右侧的文件夹图标,找到并选择将包含所有项目文件的文件夹。选择您机器上一个包含 FLA 文件的现有文件夹,或者选择一个名为 test 的空文件夹来从头启动一个新项目。
  4. 默认情况下,Project name 和 Default document name 字段使用您选择的文件夹名称来填充。如果您选择的文件夹名为 test,那么项目名称为 test,默认文档名称为 test.fla。如果您选择一个已包含一个 FLA 文件的文件夹,Project name 和 Default document name 字段将使用匹配的文件夹名称来填充。一种不错的做法是始终确保根文件夹名称与 FLA 文件名称匹配。
  5. 如果项目需要一个不同版本的 Flash Player,可以使用 Player 菜单选择您要针对的版本。此外,如果项目使用的代码不是 ActionScript 3,可以使用 Script 菜单设置 ActionScript 的版本。此外,您可以保留所有其他默认设置(参见图 1)。

    图 1. 在 Create New Project 对话框中设置 Flash 项目的根文件夹。

  6. 单击 Create Project。Flash 会自动创建一组 Flash 项目文件并将它们存储在根文件夹中。Project 面板会更新来显示文件列表。

注意:如果您在第 3 步中选择一个不包含 FLA 文件的根文件夹,Flash 会使用默认文档名称为您生成一个新 FLA 文件:test.fla。如果您选择了一个已包含具有匹配名称的 FLA 文件的根文件夹,Flash 会使用指定的文件,而不是创建一个新文件。

在项目创建过程中,Flash 生成使用 Flash Builder 项目所需的 AuthortimeSharedAssets.fla 文件。默认情况下,所有项目文件都放在根文件夹中。请将您的 Flash 项目文件放在单一的根目录中,以确保 Flash Platform 工具可轻松找到项目资产。

在 Publish settings 中启用调试功能

接下来,您将更新 Publish Settings 以使用调试功能。

  1. 在 Project 面板中,双击 FLA 文件的名称将其打开(如果它还未打开)。也可以选择 File > Open,找到并选择存在于根文件夹中的默认文档 FLA 文件。
  2. 在 FLA 项目文件打开后,选择 File > Publish Settings。单击 Advanced 部分展开选项。选择选项 Permit debugging 旁边的复选框(参见图 2)。

    图 2. 展开 Advanced 部分后,勾选 Permit debugging 复选框。

  3. 单击 OK 保存更改并关闭 Publish Settings 对话框。

此选项默认未启用。您无法使用 Flash Builder 中的分析器测试 Flash 项目的性能,除非在 FLA 文件中专门配置了 Publish Settings 来允许进行调试。

为 Flash 项目创建一个类文件

在使用分析器工具测试 Flash 项目之前,还需要进行一项设置。Flash 项目必须在根目录中有一个类文件,才能在分析器中运行应用程序,即使您的项目不需要类文件。

  1. 选择 Window > Properties 打开属性检查器。如果该面板已打开但被另一个面板隐藏,可以单击固定面板集中的 Properties 选项卡来激活属性检查器。
  2. 单击 Class 字段右侧的 Edit 类定义按钮(铅笔图标)。将出现 Create ActionScript 3.0 Class 对话框(参见图 3)。

    图 3. 单击 Class 字段右侧的铅笔图标创建一个新的 ActionScript 类文件。

  3. 如果一个现有项目使用了一个 ActionScript 类,可以将它复制到根文件夹并在 Class name 字段中输入它的名称来与项目名称匹配。否则,您可以保持选中 Flash Professional 选项,并在 Class name 字段中输入具有 ActionScript 类文件扩展名的项目名称。按照标准的命名约定,大写类文件名称并匹配 FLA 文件的名称。例如,如果您使用 test.fla 创建 Flash 项目,可以在 Class 字段中输入 Test。
  4. 单击 OK 关闭 Create ActionScript 3.0 Class 对话框。
  5. 在 Actions 面板的一个新选项卡中显示了一个名为 Script-1 的文件。这是您刚刚创建的新类。它包含创建 ActionScript 所需的默认代码。在下一步中,将把此文件保存在项目的根文件夹中。
  6. 在 Script-1 文件激活时,选择 File > Save。在出现的 Save As 对话框中,确认该类使用了大写的项目名称和.as 文件扩展名:Test.as。单击 Save As 按钮将该文件与其他项目文件一起保存在根文件夹中。

注意:尽管在 Flash 项目的根文件夹中必须有一个与项目同名的类文件(AS 文件),以便运行分析会话,但您没有必要编辑该代码。分析器将运行项目,即使类文件仅包含默认的类代码;您无需添加任何额外的 ActionScript。

向 Flash 项目文件添加一些基本的自动化

如果您在使用一个现有的项目,可以选择 Control > Test Movie 创建 SWF 文件并跳到名为 Opening the Flash project in Flash Builder 的部分。但是如果您在创建 Flash 项目时创建了一个全新的 Flash 文件,可以执行以下步骤来创建一个简单的补间动画,以向时间线添加一些内容。

  1. 在时间线中,选择 Layer 1 的 Frame 1 上的空白关键帧。
  2. 在工具栏中,选择 Oval 工具。使用属性检查器选择想要的填充颜色,并保留描边设置为空。
  3. 在舞台的左侧,单击并拖动 Oval 工具来创建一个大约 150 像素宽的小圆圈形状。
  4. 选择该圆圈并按 F8。在出现的 Convert to Symbol 对话框中,将该符号命名为 circle。使用 Type 菜单选择 Movie Clip 并单击 OK。
  5. 在时间线中,右键单击 Frame 1 并从出现的上下文菜单中选择 Create Motion Tween。突出显示的浅蓝色涵盖 24 帧,表示已将一个 24 帧动画补间添加到 Layer 1 中。回放头自动重新定位在 Frame 24 上——补间动画的最后一帧。
  6. 在播放头已在时间线中补间的最后一帧上后,使用选择工具选择左侧的圆圈,在舞台上水平拖动它,直到它位于右侧。一个绿色的动作路径表示圆圈将移动的路径。如果愿意,您可以使用选择工具或子选择工具编辑动作路径,调整圆圈经过舞台的过程。
  7. 择 Control > Test Movie 来导出 SWF 文件并启动独立的 Flash Player。检查您刚创建的循环动画,然后关闭该窗口以返回到 Flash。
  8. 保存文件并退出 Flash。如果您在 Windows 资源管理器或 Mac OS X Finder 中浏览到项目的根文件夹,将会看到它现在包含以下文件:

    AuthortimeSharedAssets.fla

    Test.as

    test.fla

    test.html

    test.swf

现在,您已创建了 Flash 项目,添加了一些测试内容,并配置了 FLA 文件来在 Flash Builder 分析器中调试它。

在 Flash Builder 中打开 Flash 项目

接下来,将刚创建的 Flash 项目导入到 Flash Builder 中,以便您可以使用分析器测试 Flash 内容。

  1. 启动 Flash Builder。
  2. 选择 File > Import。在出现的 Import 对话框中,单击 Flash Builder 文件夹展开它。选择 Flash Builder Project 选项并单击 Next。
  3. 在 Import Flash Builder Project 对话框中,单击 Project folder 单选按钮。单击 Browse 按钮并导航到 Flash 项目根文件夹。单击 Open 在 Project folder 字段中添加 Flash 项目的路径(参见图 4)。

    图 4. 找到并选择您希望测试的 Flash 项目的根文件夹。

  4. 创建项目文件夹的路径后,单击 Finish。
  5. 将出现 Choose Flex SDK Version 对话框。保留使用默认 SDK 的设置并单击 OK 关闭对话框。
  6. 在左上角,找到 Package Explorer 面板。单击折叠的项目名称将其展开,查看项目文件列表,然后单击子文件夹以展开它们(参见图 5)。

    图 5. 展开项目的根文件夹以查看完整的项目文件列表。

请注意,项目文件包含您在上一节中测试 FLA 文件时创建的 SWF 和 HTML 文件。bin-debug 文件夹包含您最后发布或测试的项目的最新版本。

如果希望在 Flash Builder 工作区中添加或编辑 ActionScript 代码,可以双击类文件(AS 文件)将其打开。另请注意,您可以选择 Project > Flash Professional,然后选择想要的子菜单项来发布、测试或就地调试,就像使用 Flash Professional 一样(参见图 6)。

图 6. Flash Builder 界面顶部的 3 个 Flash 按钮允许您发布、测试和调试 Flash Professional 文件。

使用 Flash Builder 中的分析器调试和分析 Flash 项目 FLA 文件

现在,Flash 项目已在 Flash Builder 中打开,您可以启动分析会话了。您首先将您的文档类设置为 Flash Builder 的默认应用程序入口点。

  1. 在 Package Explorer 中,单击默认包将其展开。右键单击 ActionScript 类文件:Test.as。在出现的上下文菜单中,选择 Set as Default Application(参见图 7)。

    图 7. 将 AS 文件设置为在 Flash Builder 中运行的默认应用程序。

  2. 运行 Flash 项目之前,确保退出了您的浏览器(如果它当前已打开)。再次右键单击相同的 AS 文件。这次,使用上下文菜单选择 Profile As > Web Application(参见图 8)。<

    图 8. 以 Web 应用程序的形式运行 Flash 项目。

    浏览器启动并打开应用程序的第一帧。动画还没有播放,因为回放目前被暂停。顶部显示了 Configure Profiler 对话框。

  3. 选择或取消选择相关复选框,以定义您在分析正在运行的项目时希望收到的信息(参见图 9)。

    图 9. 选择您希望在 Configure Profiler 对话框中测试的选项。

  4. 单击 Resume 按钮运行应用程序并启动分析会话。

    将打开 Flash Profile 面板。在应用程序在浏览器窗口中运行时,会跟踪您启用的功能并在图表中显示所选的数据(比如内存使用)。使用分析器工具,您可以确定占用太多资源的应用程序区域,识别可优化来提高性能的元素。

  5. 当完成测试时,单击 Terminate 按钮(红色正方形图标)停止分析器。关闭浏览器窗口停止运行 Flash 项目。

Flash Builder 分析器是一个非常有用的工具,可用于调试您的项目并找到消耗大量资源的应用程序区域。即使您主要使用 Flash Professional 来开发应用程序,也可以创建 Flash 项目并通过 Flash Platform 中的任何工具来处理文件。可以利用 Flash Builder 中的分析工具来优化您的项目文件,使它们更高效地运行。

clip_image013

本作品依据Creative Commons Attribution-Noncommercial 3.0 Unported License授权。

查看原文:Using the profiling tools in Flash Builder to improve the performance of Flash Professional projects