部分熟悉开发环境FlashBuilder.ppt

第2部分熟悉开发环境FlashBuilder4 FlashBuilder4是Adobe公司推出的集成开发环境 FlashBuilder4工作环境是一种具有丰富特征的开发环境 有利于开发者开发Flex和ActionScript应用程序 FlashBuilder4建立在Eclipse这一开源的集成开发环境 IDE 上 用户可使用强大的代码编辑器 可视化设计器 调试工具等来开发Flex应用程序 2 1熟悉FlashBuilder4工作区 FlashBuilder4工作区是开发Flex应用程序的工作环境 熟悉工作环境对开发的益处是显而易见的 FlashBuilder4平台是基于Eclipse平台 因此与Eclipse的布局风格异常相似 FlashBuilder4平台的特点是集可视化编辑与代码编辑为一体 用户在FlashBuilder4环境下可方便地切换设计模式和代码模式 2 1 1Perspectives 透视 透视是一种布局风格 与任务 编辑器和视图相关联 一旦切换透视 对应的任务 编辑器或视图就可能发生改变 FlashBuilder4包含3种透视 Flash 透视 FlashDebug 透视以及 FlashProfile 透视 2 1 2Editors 编辑器 1 MXML编辑器2 ActionScript编辑器3 CSS编辑器 2 1 3Views 视图 视图是用以辅助用户管理工程和开发项目 用户通过视图可以较直观地处理一些需求 例如 包资源管理器 既可以管理工作区中的文件和文件夹 又可以浏览包和类的结构 2 2编译与运行Flex4程序详解 MXML语言和ActionScript语言都是需要编译后才能运行的 FlashBuilder4开发环境中集成了两者的编译器 用户只需选择相应的编译运行命令 前面第一个Flex程序 HelloWorld 程序时 简单地介绍了了如何编译与运行Flex应用程序 事实上编译时可选的参数较多 2 3调试Flex4程序 程序常包含不可知的逻辑错误 这些错误不属于编译错误 编译器不能检查此类错误 例如 程序中要判断闰年 代码的语法正确但判断的方法是错误的 此时编译器不会报错 使用在调试功能能跟踪代码每一步的执行 从而检查逻辑错误 FlashBuilder4开发环境有强大的调试功能 有利于程序进行代码检查 2 3 1添加断点 断点的作用是使应用程序在带断点的代码行处中断 从而开始检查代码 同时 用户可使用FlashBuilder4自带的调试工具检测并修复错误 例如 变量视图和表达式视图 在代码编辑器中添加断点的方法很多 调试器只允许在以下代码的断点处中断 MXML标签中包含ActionScript事件处理 如 其中 click 是单击处理事件 ActionScript代码中 可以是MXML文件中的标签下 也可以是ActionScript文件中 ActionScript文件中的任何代码行 2 3 2调试程序 在设置完断点后可选择 运行 调试 命令 选择相应的运行配置开始调试 也可单击工具栏上的按钮或快捷键F11开始调试 调试器运行后就会自动进入 FlashDebug 透视 其中比较有用的是调试视图 在调试程序时常需要监视某些变量的变化 从而发现代码中的错误 变量视图能自动跟踪程序中变量的变化 2 4Flex4项目工程概述 Flex4现支持创建的项目工程有三类 Flex项目 ActionScript项目 和Flex库项目 不同的工程用于开发不同的项目 Flex项目工程是普通的RIA工程 主要用于开发互联网应用程序 ActionScript项目工程主要用于开发ActionScript类库 Flex库项目用于开发共享库 可以是自定义组件 也可以是ActionScript代码 2 4 1Flex项目 Flex项目是最基础配置的工程 Flex项目包括两种应用程序类型 Web和Desktop 使用Flex框架 XML Webservices等来开发Flex应用程序 Web应用程序类型是在FlashBuilder4中编译后会将可执行文件 swf文件 放在HTML文件中 最终生成的是Web应用程序 Desktop应用程序类型是在FlashBuilder4中编译后会将文件放在AIR平台中 最终生成的是AIR应用程序 2 4 2ActionScript项目 ActionScript项目使用的是FlashAPI 而不是Flex框架 ActionScript项目没有可视化的表现 也就是说ActionScript应用程序中没有设计模式这样的概念 ActionScript项目编译后也可运行于FlashPlayer中 2 4 3Flex库项目 Flex库项目用以创建自定义的代码库 代码库可共享于应用程序或是其他开发人员 Flex库项目编译后生成SWC文件 SWC文件包含组件 各种资源和catalog xml文件 SWC常被用于制作主题和制作应用程序的外观 一个SWC主题可以包括多个CSS文件和全部的图片 动画资源 2 5FlashBuilder4常用快捷键 快捷键的作用是使得开发工作更加高效和简单 FlashBuilder4中提供了许多快捷键 用户想要更多的快捷键说明 可选择 帮助 键辅助 命令或 Shift Ctr L 组合键查看 2 6使用Flex帮助 开发Flex应用程序过程中难免会遇到困难 如对某一组件的某一属性不清楚 此时也查看Flex帮助 在安装FlashBuilder4后 自动安装了Flex帮助 用户可选择 帮助 帮助内容 命令打开Flex帮助 Flex帮助左下方的图标表示显示全部内容 图标表示显示搜索结果 图标表示显示链接 图标表示显示书签 单击不同的图标会切换至不同的内容 另外 用户可在左上方的 搜索 输入框中输入要搜索的内容 2 7小结 FlashBuilder4是功能强大的集成开发环境 能高效地开发Flex应用程序 主要介绍了FlashBuilder4的相关基础 内容包括熟悉FlashBuilder4工作区 如何编译运行程序 如何调试程序 不同项目工程的作用 常用快捷键 Flex帮助的使用等