Flash Builder 4.5 以 Flash Builder 4 发行版为构建基础,为代码编辑环境引入了各种改进功能,它们有助于在编写 Flex 和 ActionScript 代码时提高工作效率。
了解可以使用哪些工具以及何时/如何调用它们是提高编码工作效率的关键所在-通过阅读本文,您将了解这一发行版包含的新增功能并在编码时立即使用它们。
我们将重点介绍以下 Flash Builder 4.5 功能:
Flash Builder 4.5 发行版
注意:Adobe Labs 目前提供早期预览发行版下载-Flash Builder 4.5 和 Flex 4.5 SDK 的最终发行版将于 5 月初提供下载。
熟悉 Flex 和/或 ActionScript 3
比如,您定义了 Array 类型的变量并希望编写一个 for 循环以遍历该 Array 中的元素。您现在可以让 Flash Builder 4.5 为您生成这个 for 循环而不必自己键入所有代码。要这样做,您只需键入“fori”并按“Ctrl + 空格键”即可(请参阅图 1)。
图 1.使用模板插入的 For 循环
代码模板允许您使用内容助手(Ctrl + 空格键)自动插入常用代码模式。代码模板基于上下文,涵盖从 ActionScript 中的 for 循环到 MXML 中的 WebService 标记。Flash Builder 4.5 随附 100 多个预定义的 ActionScript、MXML 和 CSS 模板:
您可以依次打开“首选项”>“Flash Builder”>“编辑器”>“代码模板”>“ActionScript/CSS/MXML”查看并编辑预定义的模板(请参阅图 2)。
图 2.代码模板首选项页
您可以为常用编码模式定义新模板,导入/导出代码模板,从而在小组环境中共享一组一致的模板。
除了创建自己的代码模板,许多情况下 Flash Builder 也会为您生成代码-事件处理函数、函数和 getter/setter 等。现在,您可以使用模板自定义 Flash Builder 生成的代码。您可以依次打开“首选项”>“Flash Builder”>“编辑器”>“代码模板”>“Flash Builder”查看并编辑这些模板(请参阅图 3)。
图 3.代码生成模板
您可以编辑模板,导入/导出模板,从而在小组环境中共享一组一致的模板。
要自定义事件处理函数模板,使生成的命名空间为 private 并且处理函数名称为 componentName_on_event,您可以修改事件处理函数模板(请参阅图 4)。
图 4.事件处理函数模板
生成的事件处理函数如图 5 所示。
图 5.生成的事件处理函数
您可以使用新的元数据代码完成支持输入元数据标记。当您在编辑器中的类、方法或变量定义附近输入“[”字符时,将显示元数据提示。将出现一个有效元数据标记列表,这些标记与类或 MXML 中的位置有前后关系。您可以从这个列表中选择要插入的元数据标记。如果未找到所需的元数据标记,只需再次按“CTRL + 空格键”就可以看到可用选项的完整列表(请参阅图 6)。
图 6.类级别的元数据提议
选择标记后,Flash Builder 将生成元数据标记和必需属性。您随后即可使用 Tab 键轻松实现从一个值到另一个值的导航(请参阅图 7)。
图 7.已插入事件元数据和必需属性
您可以使用内容助手在元数据标记中轻松输入类名和属性名。例如,添加 [Event] 标记时,您可以从项目中可用的事件类的完整列表中选择所需的事件类(请参阅图 8)。
图 8.事件元数据及事件类型的提议值。
您还可以使用内容助手插入可选属性。
Flash Builder 还支持第三方 SWC 提供的元数据标记,前提是它们中嵌入了必需的 metadata.xml 文件。
当实现类或自定义基类行为时,您需要频繁覆盖超类方法并实现接口方法。在 Flash Builder 4.5 中,您可以使用“源”菜单中的“覆盖/实现方法”对话框轻松完成这个任务。这个对话框将显示一个列表,其中包含活动类继承而来的类以及它实现的接口(请参阅图 9)。
图 9.实现 SampleInterface 的 SampleClass 的“覆盖/实现”对话框
您可以从各个超类选择要覆盖的方法,为每个接口选择要实现的方法。您还可以选择要插入方法的位置。Flash Builder 为选定方法生成代码存根。
快速助手提供一个基于上下文的操作列表,帮助您完成日常编码任务。要调用快速助手,可使用键盘快捷键“CTRL + 1”,也可以从上下文菜单中选择“快速修正/助手”(请参阅图 10)。
图 10.用于变量的快速助手。
下面讨论 Flash Builder 4.5 中引入的各种快速助手:
图 11.“指定到变量”快速助手。
图 12.“指定到变量”将创建新变量。
在编码时,您遇到过多少次以下情况:某个变量、方法、类或接口尚未定义,并且在未定义它们的情况下无法继续编码?“从使用生成”就是用于定义未定义项的。它为使用快速助手 (Ctrl + 1) 生成占位符存根代码提供了一个便捷选项。将使用橙色波浪线突出显示所有未定义的引用,这样很容易找出未定义项,然后使用“从使用生成”。
以下是不同的“从使用生成”选项:
图 13.生成方法
图 14.生成类/接口
图 15.生成类/接口
除了我们讨论的代码编辑得到改进,Flash Builder 4.5 还为 CSS 代码编辑提供增强支持。
在 Flash Builder 4.5 中,您可以使用下图所示的 ClassReference 标记中的内容助手将引用轻松插入类中(请参阅图 16)。
图 16. ClassReference 标记中的内容助手
Flash Builder 4.5 为各种媒体查询元素提供代码完成支持(请参阅图 17)。
图 17.媒体查询支持
您可以使用下图所示的超链接导航到选择器或引用类的类(请参阅图 18 和 19)。光标悬浮时,按住 Ctrl 或 Cmd 键即可显示超链接。当光标位于 ClassReference 标记中的选择器或类名上方时,您也可以使用“导航 -> 打开声明”菜单选项。
图 18.导航到引用类
图 19.选择器导航
您已了解该发行版中可提高编码工作效率的新增功能,我们推荐您下载 Flash Builder 4.5(注意:Adobe Labs 目前提供早期预览发行版下载-Flash Builder 4.5 和 Flex 4.5 SDK 的最终发行版将于 5 月初提供下载。)亲自体验。要了解更多信息,请阅读以下文章:
您也可以阅读文章 Flash Builder 4.5 的新增功能,进一步了解该发行版中新增的其他功能。
根据 Creative Commons Attribution-Noncommercial 3.0 Unported License* 授予本作品许可。
Flash Builder 4.5高级版试用版免费高速下载
查看原文:Flash Builder 4.5 中的编码工作效率增强