Flex基础 创建第一个Flex项目

 

本文和大家重点讨论一下如何创建第一个Flex项目，一些人热衷于使用最少的代码编写"HelloWorld"，但往往同时缺失了很多要点。仅仅通过3到4行的代码，使用Flex也能编写"HelloWorld"。本文的"HelloFlex"样例稍显复杂，我希望能利用这些代码，尽量体现Flex应用的本质，帮助你更深入地体会Flex技术。

创建第一个Flex项目

第一个Flex应用--HelloFlex!

"HelloWorld"之类的例子是完美的"第一次"。一些人热衷于使用最少的代码编写"HelloWorld"，但往往同时缺失了很多要点。仅仅通过3到4行的代码，使用Flex也能编写"HelloWorld"。但本章的"HelloFlex"样例稍显复杂，我希望能利用这些代码，尽量体现Flex应用的本质，帮助你更深入地体会Flex技术。

如果在本节你读到一些不甚明了的文字，别担心，我们还有大量的篇幅和时间为你一一阐明。

现在，让我们一起向Flex打声招呼。

◆步骤一：创建第一个Flex项目

在文件目录系统中创建一个目录（如C:\DONG\FlexBookWorkspace\），将它用作本书中所有样例项目的工作空间（Workspace）。

你知道吗？

工作空间（workspace）是所有项目的容器，具有自己特有的属性和元数据设置。一个安装好的Eclipse可以支持多个工作空间，你只须在启动时指定使用哪个工作空间。

启动FlexBuilder后，选中File→New→FlexProject创建项目。FlexBuilder（以下简称FB）弹出"新建Flex项目"向导，如图2-5所示。

（点击查看大图）图2-5创建项目向导

如图"创建项目向导"中所示，填写项目名称（ProjectName）为"HelloFlex"，去掉"Usedefaultlocation"的选项框中的选择，指定"C:\DONG\FlexBookWorkspace\HelloFlex"为项目位置。选择"Webapplication(runsinFlashPlayer)"作为本项目的应用类型，接受其他默认设置，直接点击"Finish"完成项目的创建。新创建的HelloFlex如图2-6所示。

（点击查看大图）图2-6创建的项目HelloFlex

FlexBuilder自动生成主应用文件：HelloFlex.mxml，如代码2-1所示。

代码2-1：自动生成的主应用文件

 
<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> 
 
</mx:Application> 

Flex应用程序就是普通XML文件，后缀名为mxml。因此，你可以看到MXML文件的第一行是XML声明，每个MXML文件的第一行都必须如此。

<mx:Application>是Flex互联网应用程序的第一个标签，也是Flex互联网应用程序的根标签。该标签定义了Flex互联网应用程序的应用容器，开发者之后添加的任何容器、组件及ActionScript代码最终都被包含或嵌入该标签中。

【编辑推荐】

1. 学习笔记 如何创建第一个Flex项目
2. 从Flex Builder更名看Flash平台战略
3. Flex及FlexBuilder2.0开发环境详解
4. FlexBuilder3.0与Eclipse3.4的完美结合
5. 学习笔记 FlexBuilder2.0中如何使用基于Lists的控件