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

作者 John Ulliman,Tommi West 发布于 2011年11月29日

领域

架构 & 设计,

语言 & 开发

主题

Flash Builder ,

Flash ,

Eclipse ,

Adobe ,

RIA

分享到

需求

用户水平

中级

需要的产品

• Flash Builder（下载试用版）
• Flash Professional（下载试用版）

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中的分析工具来优化您的项目文件，使它们更高效地运行。

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

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

相关厂商内容

保持某些系统的高可用性，是一些企业的重中之重，如何设计？

海量数据处理，海量视频分发，架构热点难点，尽在架构师峰会！

相关赞助商

ArchSummit全球架构师峰会报名启动！7折优惠，5月31日截止！