在Flash Builder 4beta中提升开发者的生产力
这是来自Adobe开发者中心的一篇文章,由RIAMeeting翻译小组成员王贺翻译,原文地址是:http://www.adobe.com/devnet/flex/articles/flashbuilder4_productivity.html
Flash Builder 4 beta 2引进了一些崭新的特性,并对一些成熟的ide特性作出了改进设计,以期能提高开发者的生产力,同时时写MXML和ActionScript变得更快,更简单。 这些新特性弥补了数据中心性能,Tim Buntel 已经在他的文章中重点介绍了 Flex 4支持的一些其他的很棒的新特性,以及 Flash Builder 4 beta支持的五个超棒的新特性。
在这篇文章中,我将涵盖Flash Builder 4 beta 2里面的一些新特性,包括层级调用视图,新增的语法状态支持,代码提示的变化,和编辑器的改进。
需求
为了实践本篇文章中的示例,你需要以下软件和文件:
Flash Builder 4 beta 2
预备知识
如果您精通Flash Builder 4会更有帮助,但并不是必须的。
这个工作是受到类似于3.0 Unported许可一样的非商用知识共享许可所认可的。
关于作者
Jason San Jose是Flash Builder团队的质量监控工程师,他专注于成熟的集成开发环境中的ActionScript和MXML编辑器特性。 在2008年Flex Builder 3发布之后不久,Jason加入了Flash Builder团队。
层级调用视图
你是否在阅读某段ActionScript函数代码时,想知道这个函数到底在哪里被调用了? 层级调用视图显示了一个列表,列出了所有被选中的actionscript函数,变量定义或MXML属性定义被引用和调用的部分。 这个特性将会帮助你分析和评估代码修改可能会带来的后果。
要试用层级调用视图,请选中一个函数或属性名,然后选择Navigate > Open Call Hierarchy 或者按组合键 Ctrl+Alt+H。 这将会激活一个视图,显示被选中的这个函数或者这个属性被引用或调用的所有关系。(见图1) 你可以通过这个树来更进一步的探知这些函数都在哪里被调用。

图1 startMove函数的层级调用视图
在树上的一个节点双击选中并打开引用调用函数的部分。 你也可以通过这些节点查看任何一个调用的片段,也可以通过右手边的表格浏览这些片段。
你可以使用视图动作菜单来指定要层级搜索的范围(工作区,项目,或者文件),并个性化视图的布局。
当你的项目变得越来越肥大,并越来越发杂时,层级调用视图将成为你定位,分析你编写的 ActionScript 和MXML代码的强有力的新工具。
新增的语法状态支持
Flex 4 中新增的语法状态支持,使得编写基于线性指定状态切换的程序,比使用断章取义的覆盖标签更容易。 Flash Builder 4 beta 2添加了两项新特性来支持代码视图下的状态编辑:状态代码提示,和形象化状态显示。
状态代码提示
新的状态语法支持有状态指定特性的组件和属性值。 举个例子,如果你想要一个组件只在某些状态下显示出来,使用includeIn属性,并选择一个逗号分隔符后面弹出列表中的状态名。 指定具有状态属性的组件的值,在属性值标签中使用新的逗点符号,来指定它的状态,例如<s:label.viewState>…,或者 label.viewState="..." Flash Builder 4 beta会在任何部分的代码提示中显示状态,和状态组的名字(见图2)
形象化状态显示
如果你习惯于使用设计视图,你也许已经在使用状态视图来关联不同的状态,并在设计视图中显示效果。 Flash Builder 4 beta现在在源代码编辑视图中提供了一种类似的特性。

图2 源代码视图下的形象化状态显示。
如果状态已经在你的MXML文件中,你将会看到编辑器上部弹出的下拉列表中列出了所有的状态。 当你选中了一个状态后, Flash Builder 4 beta将会灰掉所有不在这个状态中的MXML代码。 你可以使用导航菜单中的操作横向切换在你文件中的状态:关联状态形象(Ctrl+Shift+M),下一个状态(Ctrl+Shift+.),前一个状态(Ctrl+Shift+,)。
代码提示改进
代码提示,是一个在任何IDE中都被频繁使用的功能。在这次发布的版本中,我们对这个功能做出了一些微妙的调整,改善了它的易用性,使得它能帮助您提高您的生产率。
关于代码提示的更多信息
在弹出的代码提示视图中将会包含更多的描述性信息。
- 在ActionScript和MXML编辑中,类型和标签名都分别显示出他们所属的包层级;例如:“UIComponent - mx.core”
- 属性则是显示出他们的类型,和他们被定义的位置;例如 "name : String - MyClass".
- 现在,ASDoc注释显示在一个工具提示中。
- ActionScript提示现在按属性和函数分组。
- 当命名空间是开放的,(例如,通过使用命名空间mx_internal,或者 this.mx_internal::...)代码提示将会精确的显示命名空间的提示。
范围指定
有些时候,在你编写MXML的时候,你只是想从这个提示列表中知道满足某些特定条件的有用的属性。 例如,你可能会想看看Button支持的所有特效。 这种过滤功能,现在已经能够通过MXML中的指定范围提示来实现了。
要看到这个功能,请在弹出代码提示后再次按下Ctrl+Space组合键(见图3) 默认情况下,下一个范围里将会显示全部的属性,(或者如果你正处于某个属性范围内的所有属性。) 当前正在使用的范围名显示在弹出式窗体的下方。 继续按Ctrl+Space,直到你看到Effects出现,然后代码提示将会只显示跟效果相关的属性。

图3 代码提示的范围指定
默认情况下,这个范围是按照以下顺序显示的:
- 所有(只在标签范围下显示)
- 所有属性
- 属性
- 事件
- 特效
- 样式
你可以在Preferences 对话框中重新排序,或者关闭指定范围,选中 Flash Builder > Editors > MXML Code > Advanced.
使用代码提示的建议
有助于从MX命名空间向Spark转换,MXML的代码提示将会指出一个组件中被替换了的部分。 如果你在一个被替换成Spark库的组件上触发了代码提示时(例如, mx:Button),代码提示会显示“使用 s:Button替代”(见图4) 同样,“s:Button”将会出现在mx:Button下面的提示中。

图4. MX转换成Spark的提示已经被包含在代码提示中了。
在一个使用SDK4编写的MXML文件中,如果你在组件上找不到代码提示,代码提示将会给你正确的建议。 例如,如果你在找寻s:HBox,代码提示同样会列举出可能相关的s:HGroup和mx:HBox。

图5 s:Hbox的潜在匹配。
驼峰式代码风格支持。
Flex SDK中的所有标示符命名几乎都遵守了驼峰式的代码风格。 Flash Builder 4 beta 2使用大写字母表示单词边界,来增强代码提示的机能。(见图6)

图6. 代码提示中的驼峰式编码支持(在键入"SKC"之后)
例如,你不用键入 mx:AdvancedDataG这么长的字符串来找出mx:AdvancedDataGrid的代码提示,取而代之的,你可以键入ADG,代码提示就会过滤出你想要的结果。 同样的情况也适用于性质和属性。 例如,在一个UIComponent标签上,键入 eMin来显示explicitMinimumHeight和explicitMinimumWidth。 注意每个片段都是从开始匹配的。
驼峰式代码支持在ActionScript和MXML编辑器中同样适用,即便是在打开类型对话框中也是。(Ctrl+Shift+T)
语言和Flex SDK特性
一些ActionScript 和MXML的语言特性在代码提示中得到了新的支持:
- 在ActionScript 和MXML中提供完整的矢量支持,代码提示中也包含了矢量基本类和接口的说明。 同样,在目前的强制类型代码提示中也包含矢量相关的方法和一系列提示
- MXML 2009类库中,标签被定义在一个MXML 2009文档中,在一个普通的MXML组件里,代码提示中是可以显示这些类的。 这些定义也支持重命名和重构。
- 对FXG的支持和代码提示就和其他组件一样。 他们就像普通的类一样,可以重命名,重构以及在打开类型对话框中显示。
- 在ActionScript 中元数据标签的使用,例如[Event], [HostComponent],等等,需要在其中的一个属性上给定一个完整的类名称。 这些引用现在可以如你期望的一样在新特性中被识别,并支持,包括指向定义位置,重命名和重构。
编辑器改进
Flash Builder 4 beta 2也包含了很多代码编辑方面的改进:
在粘贴和另起一行时自动缩进
当从一个文件粘贴代码到另外一个文件时,或者从网络上复制一些简单的代码,你不得不手工缩进处理那些锯齿狼牙的代码。 在Flash Builder 4 beta 2中,粘贴过来的代码会自动的更新为你当前的缩进状态。
同样,当插入新一行代码是,缩进会基于父类标签,代码块,或片段作出正确的调整。 例如,在一个单行的表达式之后,按下回车键创建新一行代码时会自动根据代码片段的层级作出缩进。
你可以在首选项中控制自动缩进,在Flash Builder > Indentation下。 在这你可以找到指定的ActionScript 和MXML 首选项目页面,可供你配置和预览。
如果需要的话,你可以在一个打开的文件中校正缩进,通过选择Source > Correct Indentation,或者按快捷键Ctrl+I
制表符和空格制定
之前的Flash Builder 4中,制表符和空格不总是遵守在首选项 Flash Builder > Indentation 中设置的缩进属性。某些情况下他们可能在当前行缩进表现的有差异。 哪些bug在完整的产品中已经被完全修复了。
生成代码,缩进(通过新起行,粘贴,或者Source > Correct Indentation),以及所有正确插入到你指定的缩进首选项中的制表符和空格。
括号匹配
除花括号之外的括号现在均支持高亮标示 你可以把鼠标指针指向一个花括号之后,或者一个括号字符之后,来高亮标示相匹配的打开的或者关闭的括号 你也可以选择跳转到匹配的括号处(Ctrl+Shift+P)。 这个特性在ActionScript, MXML, 和CSS编辑器中都好用。 你可以在首选项的Flash Builder > Editors > Highlight Matching Braces中开启和关闭这项特性。
整理MXML文件中的引入类
从Flex Builder2开始,当你在 MXML 和ActionScript编辑器中使用内容帮助功能时,类就被自动的引入到 MXML 和ActionScript得代码段中。 默认状况下引入的类会按照字母排列顺序组织。 你可以在首选项的Flash Builder > Editors > ActionScript Code中,选择 Keep Imports Organized来修改这个特性。 同样在默认情况下,无用的引入将会在整理的过程中被移除。 你可以选择Remove Unused Imports When Organizing选项来开启或者关闭这个特性。
在 Flash Builder 4 beta 2中,MXML编辑器现在支持整理引入类,和移除无用的引入类。
编辑器视图中的错误标识
beta 1版本中错误标识出现在包浏览视图中。 现在,错误标识也出现在MXML, ActionScript, 和CSS编辑标签中。
更多相关信息
我强烈建议你下载新的 Flash Builder 4 Beta 2,并在你每日的工作流程中试用这些可以提高开发者生产率的新特性。
像往常一样,请在试用之后,务必在Flash Builder 和 Flex SDK论坛上向我们提供您的反馈意见。

.gif)
.gif)




.gif)
发表新评论