FlexBuilder 2.0 速学教程续 FlexBuilder 2.0 速学教程(2):编译应用程序

　　这个速学教程教你该如何在Flex Builder中编译与运行Flex应用程序。

开始之前
开始这个速学教程之前，确定你完成下面的任务:
■在Flex Builder中创建QuickStart项目。
■在Flex Builder中打开Project菜单中确认Build Automatically选项已选上,如下:

这个选项在Flex Builder的standalone版本中是默认选上的。(-_-!!但不知为什麽我的没有被默认选上)
学习在Flex Builder中编译
在你用Flex Builder编译之前，先说一些核心概念。
默认地, Flex Builder的standalone版本中当你添加文件到项目中或当你编辑后保存项目文件, Flex Builder会动创建应用程序。
编译后, Flex Builder会将调试与发布的SWF文件放到默认的输出文件夹bin文件夹中。

Flex Builder并会産生运行在浏览器中包装SWF的HTML文件。
注意: 浏览器必须了安装Flash Player 8.5，Flex 2应用程序才能在浏览器中运行。
当你创建一个新的项目时, Flex Builder自动地産生项目的配置文件, bin文件夹与主应用程序文件。在一个项目中可以有一个以上的应用程序文件,但只能有一个指定的主应用程序文件。
你随时可以指定其他文件为主应用程序文件。所有的应用程序文件必须保存在Flex项目的根目录下。
现在你明白基本概念后,你能在FlexBuilder中创建一个小的应用程序与编译并运行他。

编译与运行应用程序

当Build Automatically已选上了,你在Flex Builder中添加文件到项目中或当你编辑后保存项目文件, Flex Builder会动编译你的应用程序。
这部分假设你已创建了QuickStart项目与Build Automatically已选上了。
1.打开Flex Builder差双击QuickStart.mxml文件。
2.在工具条上点击Code按钮,将视图转为代码视图。

当你创建QuickStart.mxml文件时, Flex Builder自动插入下面的代码:
程序代码：
3.在<mx:Canvas>与</mx:Canvas>标签中输入下面的代码:

程序代码：
这个标签插入一个Label控件到Canvas容器中,并设定了Labe控件l在Canvas容器中的位置与事件。
贴士:你能在工具条上点击Design按钮预览这个控件。

4.保存文件。
当你保存时,Flex Builder自动创建应用程序。你能看到在窗口的右下角看到创建的进度。

5.完成创建后,在工具条上点击Run按钮启动应用程序。

浏览器自动打开并运行应用程序

注意: 浏览器必须了安装Flash Player 8.5，Flex 2应用程序才能在浏览器中运行。
6.点击“Welcome to Flex!”文字看看他的效果。