Flex 开发入门

核心提示： 图 7：其他属性设置一切完成之后，我们来看看项目的组成结构，Flex 开发入门(4)，如图 8 所示：flex_src 中是默认的 flex 源码位置，flex_libs 则是存放 flex 其他第三方包的默认路径，图 8：Flex 项目结构接下来，我们在新创建的项目上增加一点内容并让它运

图 7：其他属性设置

一切完成之后，我们来看看项目的组成结构，如图 8 所示：flex_src 中是默认的 flex 源码位置，flex_libs 则是存放 flex 其他第三方包的默认路径。类似于 web 应用的 lib 文件夹。 src 是 java 代码位置。 WebContent 文件夹的结构和普通由 WTP 建立的 Web Project 的结构完全相同。在默认的输出路径 bin-debug 文件夹中，我们可以看出 Flex builder 自动生成的 FlexSample.mxml 文件已经被自动编译成 FlexSample.swf 文件。

图 8：Flex 项目结构

接下来，我们在新创建的项目上增加一点内容并让它运行起来：双击 FlexSample.mxml, 在其中添加一个最基本的 Flex 组件 :Label, 并且在该应用初始化的时候调用 init() 方法。我们在 init() 方法中用 trace() 语句输出调试信息。代码如下清单 1 所示：

清单 1：FlexSample.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
　　xmlns:mx="http://www.adobe.com/2006/mxml"
　　layout="absolute"
　　 initialize="init()">
　　 <mx:Script>
　　　　 <![CDATA[
　　　　　　 private function init():void
　　　　　　 {
　　　　　　　　 var i:int = 0;
　　　　　　　　 i++;
　　　　　　　　 trace("i="+i);
　　　　　　 }
　　　　 ]]>
　　 </mx:Script>
　　<mx:Label text="Hello World!" />
</mx:Application>