Adobe
产品
Acrobat
Creative Cloud
创意套装
Digital Marketing Suite
Digital Publishing Suite
Elements
Photoshop
Touch Apps
更多产品
解决方案
数字营销
数字媒体
教育
金融服务业
政府部门
网页体验管理
更多解决方案
学习帮助下载公司
商店
在线商店
批量许可
查找经销商
搜索
 
信息 登录
欢迎,我的支持
我的帐户
注销
为何登录?登录后可以管理您的帐户,访问试用版下载、产品扩展和社区区域等。
Adobe
产品 分类 购买   搜索  
解決方案 公司
学习
登录 注销 我的货物 我的支持
Date Date
Qty:
Subtotal
Checkout
Adobe 开发者中心 / Flash Builder 开发人员中心 /

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

作者 John Ulliman

John Ulliman
  • onthewave.com

作者 Tommi West

Tommi West
  • tommiland.com

创建日期

21 November 2011

页面工具

在 Facebook 上共享
在 Twitter 上共享
在 LinkedIn 上共享
书签
打印

Tags

要求

用户级别

中级

必需产品

  • Flash Builder (Download trial)
  • Flash Professional (Download trial)

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项目的根文件夹。
图1. 在Create New Project对话框中设置Flash项目的根文件夹。
  1. 单击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复选框。
图2. 展开Advanced部分后,勾选Permit debugging复选框。
  1. 单击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. 单击Class字段右侧的铅笔图标创建一个新的ActionScript类文件。
  1. 如果一个现有项目使用了一个ActionScript类,可以将它复制到根文件夹并在Class name字段中输入它的名称来与项目名称匹配。否则,您可以保持选中Flash Professional选项,并在Class name字段中输入具有ActionScript类文件扩展名的项目名称。按照标准的命名约定,大写类文件名称并匹配FLA文件的名称。例如,如果您使用 test.fla创建Flash项目,可以在Class字段中输入Test。
  2. 单击OK关闭Create ActionScript 3.0 Class对话框。
  3. 在Actions面板的一个新选项卡中显示了一个名为Script-1的文件。这是您刚刚创建的新类。它包含创建ActionScript所需的默认代码。在下一步中,将把此文件保存在项目的根文件夹中。
  4. 在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. 找到并选择您希望测试的Flash项目的根文件夹。
  1. 创建项目文件夹的路径后,单击Finish。
  2. 将出现Choose Flex SDK Version对话框。保留使用默认SDK的设置并单击OK关闭对话框。
  3. 在左上角,找到Package Explorer面板。单击折叠的项目名称将其展开,查看项目文件列表,然后单击子文件夹以展开它们(参见图5)。
图5. 展开项目的根文件夹以查看完整的项目文件列表。
图5. 展开项目的根文件夹以查看完整的项目文件列表。

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

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

图6. Flash Builder界面顶部的3个Flash按钮允许您发布、测试和调试Flash Professional文件。
图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中运行的默认应用程序。
图7. 将AS文件设置为在Flash Builder中运行的默认应用程序。
  1. 运行Flash项目之前,确保退出了您的浏览器(如果它当前已打开)。再次右键单击相同的AS文件。这次,使用上下文菜单选择Profile As > Web Application(参见图8)
图8. 以Web应用程序的形式运行Flash项目。
图8. 以Web应用程序的形式运行Flash项目。

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

  1. 选择或取消选择相关复选框,以定义您在分析正在运行的项目时希望收到的信息(参见图9)。
图9. 选择您希望在Configure Profiler对话框中测试的选项。
图9. 选择您希望在Configure Profiler对话框中测试的选项。
  1. 单击Resume按钮运行应用程序并启动分析会话。

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

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

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

Creative Commons 许可证
根据 Creative Commons Attribution-Noncommercial 3.0 Unported License 授予本作品许可。

More Like This

  • Flash Builder 4.5 的新增功能
  • 使用 ArcGIS API for Flex 构建 Android 和 iOS 移动地图应用程序
  • Flash Builder Design 视图扩展类常见问题问答
  • Flash Builder 4.6的新功能
  • Building a data-centric application with Flash Builder for PHP – Part 2: Incorporating advanced data features
  • Building a data-centric application with Flash Builder for PHP – Part 1: Setting up and connecting
  • Streamlining Flex and PHP development with Flash Builder for PHP

产品

  • Acrobat
  • Creative Cloud
  • Creative Suite
  • Digital Marketing Suite
  • Digital Publishing Suite
  • Elements
  • 移动应用程序
  • Photoshop
  • Touch Apps

解决方案

  • 数字营销
  • 数字媒体
  • 网页体验管理

行业

  • 教育
  • 金融服务业
  • 政府部门

帮助

  • 产品帮助中心
  • 订货和退货
  • 下载和安装
  • 我的 Adobe

学习

  • Adobe 开发人员连接
  • Adobe TV
  • 培训和认证
  • 论坛
  • 设计中心

购买方式

  • 在线商店
  • 批量许可
  • 查找经销商

下载

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

公司

  • 新闻编辑室
  • 合作伙伴计划
  • 公司社会责任
  • 工作机会
  • 投资者关系
  • 事件
  • 法律
  • 安全
  • 联系 Adobe
选择您的地区 中国(更改)
选择您的地区 关闭

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

使用条款 | 隐私政策和 Cookies (更新)

京 ICP 备 10217899 号 京公网安备 110105010404