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

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

问题窗口
当代码出现错误或者警告的时候,会把信息汇总在“问题”窗体显示。 (图十一)
当页面存在错误,运行程序时系统会弹出提示,询问是否执行。 (图十二)
图十一、图十二
问题窗口与错误提示


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

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

属性与外观窗口
在设计视图下,窗体右边会出现“属性”和“外观”窗体。
“属性”窗体分为“标准视图”和“类别视图”。
“标准视图”可以对当前所选择的控件元素的“公共”、“样式”和“布局”等进行编辑。(图十五)

图十五
属性与外观窗口
“类别视图”可以分类显示各种属性,包括“公共”,“事件”,“大小”,“布局约束”,“效果”,“样式”,“其他”。
(图十六)

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

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

图十八
组建窗体
状态窗体
“状态”是 Flex 里面比较有特色的一个东西,我们可以新建一个状态,在新状态下改变界面的外观,通过切换状态,
可以实现切换风格的功能。这里只是抛砖引玉,可以结合自己的需求来巧妙的使用状态。
所有的状态都会罗列在“状态”窗体里面,可以直接单击选中来切换状态。 (图十九)

图十九
状态窗体