BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 Tommi West 关注 0 他的粉丝 , John Ulliman 关注 0 他的粉丝 发布于 2011年11月30日. 估计阅读时间: 17 分钟 | ArchSummit北京2018 共同探讨机器学习、信息安全、微服务治理的关键点

需求

用户水平

中级

需要的产品

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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT