第四节   主要窗口
      本章最后一节,将向各位简单介绍 Flash Builder 4 的各个主要窗体。

包资源管理器

以树状结构的视图,来显示 Flex 工程下的所有包、文件夹、各类文件等。 (图十)

图十

包资源管理器

大纲窗口

大纲窗口分为“MXML 视图”和“类视图”,“MXML 视图”可以展现页面元素控件的总揽和包含关系, 类视图可以展现页面 ActionScript 代码中的方法和属性的索引。 在页面元素特别多的时候比较实用。

点击“MXML 视图”中的元素控件,可以快速定位到该元素位置。

问题窗口

当代码出现错误或者警告的时候,会把信息汇总在“问题”窗体显示。 (图十一)

当页面存在错误,运行程序时系统会弹出提示,询问是否执行。 (图十二)

图十一、图十二

问题窗口与错误提示

主窗体-代码视图

主窗体分为 Source(代码视图)和 Design(设计视图)。这是代码视图,我们使用最多的窗体,进行代码编写的地方。 (图十三)

图十三

主窗体代码视图

主窗体-设计视图

这个是 Design 视图,也就是设计视图,我们可以在设计视图里对控件元素进行“所见即所得”的操作, 或者将其他控件元素直接拖动进来,而代码视图动态生成代码。 (图十四)

图十四

主窗体设计视图

属性与外观窗口

在设计视图下,窗体右边会出现“属性”和“外观”窗体。

“属性”窗体分为“标准视图”和“类别视图”。

“标准视图”可以对当前所选择的控件元素的“公共”、“样式”和“布局”等进行编辑。(图十五)

图十五

属性与外观窗口

“类别视图”可以分类显示各种属性,包括“公共”,“事件”,“大小”,“布局约束”,“效果”,“样式”,“其他”。

(图十六)

图十六

属性类别视图

“外观”窗体可以对整个项目的外观风格进行编辑,这是 Flash Builder 4 新加入的一个功能。(图十七)

图十七

外观窗体

组建窗体

“组件”窗体也是我们使用比较频繁的,里面列出了几乎所有的常用组件,我们可以直接把需要的组建直接拖拽到设计视图。

图十八

组建窗体

状态窗体

“状态”是 Flex 里面比较有特色的一个东西,我们可以新建一个状态,在新状态下改变界面的外观,通过切换状态,

可以实现切换风格的功能。这里只是抛砖引玉,可以结合自己的需求来巧妙的使用状态。

所有的状态都会罗列在“状态”窗体里面,可以直接单击选中来切换状态。 (图十九)

图十九

状态窗体