第2部分 熟悉开发环境Flash Builder.ppt

第2部分 熟悉开发环境Flash Builder 4 Flash Builder 4是Adobe公司推出的集成开发环境。Flash Builder 4工作环境是一种具有丰富特征的开发环境，有利于开发者开发Flex和ActionScript应用程序。Flash Builder 4建立在Eclipse这一开源的集成开发环境（IDE）上，用户可使用强大的代码编辑器，可视化设计器，调试工具等来开发Flex应用程序。 2.1 熟悉Flash Builder 4工作区 Flash Builder 4工作区是开发Flex应用程序的工作环境，熟悉工作环境对开发的益处是显而易见的。Flash Builder 4平台是基于Eclipse平台，因此与Eclipse的布局风格异常相似。Flash Builder 4平台的特点是集可视化编辑与代码编辑为一体，用户在Flash Builder 4环境下可方便地切换设计模式和代码模式。 2.1.1 Perspectives（透视） 透视是一种布局风格，与任务、编辑器和视图相关联。一旦切换透视，对应的任务、编辑器或视图就可能发生改变。Flash Builder 4包含3种透视：“Flash”透视、“Flash Debug”透视以及“Flash Profile”透视。 2.1.2 Editors（编辑器） 1．MXML编辑器 2．ActionScript编辑器 3．CSS编辑器 2.1.3 Views（视图） 视图是用以辅助用户管理工程和开发项目。用户通过视图可以较直观地处理一些需求。例如，“包资源管理器”既可以管理工作区中的文件和文件夹，又可以浏览包和类的结构。 2.2 编译与运行Flex 4程序详解 MXML语言和ActionScript语言都是需要编译后才能运行的。Flash Builder 4开发环境中集成了两者的编译器，用户只需选择相应的编译运行命令。 前面第一个Flex程序“Hello World”程序时，简单地介绍了了如何编译与运行Flex应用程序。事实上编译时可选的参数较多。 2.3 调试Flex 4程序 程序常包含不可知的逻辑错误，这些错误不属于编译错误，编译器不能检查此类错误。例如，程序中要判断闰年，代码的语法正确但判断的方法是错误的，此时编译器不会报错。使用在调试功能能跟踪代码每一步的执行，从而检查逻辑错误。Flash Builder 4开发环境有强大的调试功能，有利于程序进行代码检查。 2.3.1 添加断点 断点的作用是使应用程序在带断点的代码行处中断，从而开始检查代码。同时，用户可使用Flash Builder 4自带的调试工具检测并修复错误。例如，变量视图和表达式视图。在代码编辑器中添加断点的方法很多。 调试器只允许在以下代码的断点处中断。 MXML标签中包含ActionScript事件处理，如mx:Button click=“a_funtion()”…。其中“click”是单击处理事件。 ActionScript代码中。可以是MXML文件中的mx:Script标签下，也可以是ActionScript文件中。 ActionScript文件中的任何代码行。 2.3.2 调试程序 在设置完断点后可选择“运行” →“调试”命令，选择相应的运行配置开始调试。也可单击工具栏上的按钮或快捷键F11开始调试。调试器运行后就会自动进入“Flash Debug”透视。其中比较有用的是调试视图。 在调试程序时常需要监视某些变量的变化，从而发现代码中的错误。变量视图能自动跟踪程序中变量的变化。 2.4 Flex 4项目工程概述 Flex 4现支持创建的项目工程有三类：Flex 项目、ActionScript 项目、和Flex 库项目。不同的工程用于开发不同的项目。Flex 项目工程是普通的RIA工程，主要用于开发互联网应用程序。ActionScript 项目工程主要用于开发ActionScript类库。Flex 库项目用于开发共享库，可以是自定义组件，也可以是ActionScript代码。 2.4.1 Flex 项目 Flex 项目是最基础配置的工程，Flex项目包括两种应用程序类型：Web和Desktop。使用Flex框架、XML、Web services等来开发Flex应用程序。Web应用程序类型是在Flash Builder 4中编译后会将可执行文件（swf文件）放在HTML文件中，最终生成的是Web应用程序。Desktop应用程序类型是在Flash Builder 4中编译后会将文件放在AIR平台中，最终生成的是AIR应用程序。 2.4.2 ActionScript 项目 ActionScript 项目使用的是Flash API，而不是Flex框架。ActionScript