1. 可创建项目类型
可通过Flex Builder 2.0创建下面3种类型的项目:
Flex 2 项目 :基于Flex Framework;
AS 3.0 项目 :创建ActionScript 3.0 ,使用AS动态绘制界面等。
Flex 库项目 :创建自己的库文件,将Flex组件或者其他资源封装在一起,形成一个SWC文件,Flex Framework就被封装为一个SWC文件。可在任何地方使用。
2. 创建Flex项目 Flex Project
选择菜单:File->New->Flex Project
Flex 有3种类型 :
Basic :一般配置,适用于以HTTP或者Web Service等进行数据传送。
ColdFusion Flash Romoting Service :专用于和ColdFusion 服务端进行Flash Remoting方式的通信。
Flex Data Services :用于FDS通信。FDS是Flex 2系列中的一个服务器端产品,提供了对Java对象的直接访问、实时通信等功能。
这里我们选择第一中类型
![](http://hi.csdn.net/attachment/201112/7/0_1323229533gxhM.gif)
输入项目的名称 Project name和存放的路径 Folder
![](http://hi.csdn.net/attachment/201112/7/0_1323229564OLnG.gif)
配置程序的一些源代码和运行库环境。默认,不用修改,点击Finish,完成创建
![](http://hi.csdn.net/attachment/201112/7/0_1323229597G1fg.gif)
等待Builder自动生成所有的基本文件(主程序文件、项目的库文件配置、HTML页面模板等),这时在左侧的导航式视图中,可以看到所有项目的文件结构:
![](http://hi.csdn.net/attachment/201112/7/0_13232296530qBI.gif)
bin: 用来存放程序编译后输出的SWF和HTML等一系列文件。XML文件、图片、样式表等其他资源也放在这里。
html-template:生成HTML页面的文件模板,包括检测用户浏览器插件版本的JS脚本和自动下载最新插件的SWF文件。
HelloFlex.mxml :项目的主程序文件。
3. 插入组件和代码
切换到视图模式,在组件面板中分别把Button和Label拖入到编辑区。切换到代码模式。
完整代码如下:
1.<?xml version="1.0" encoding="utf-8"?>
2.<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3.
4. <mx:Script>
5. <![CDATA[
6. internal function doClick():void{
7. tip_txt.text='欢迎来到RIA的世界--开始Flex之旅';
8. }
9. ]]>
10. </mx:Script>
11.
12. <mx:Button x="41" y="90" label="Hello Flex" click="doClick()"/>
13. <mx:Label id="tip_txt" x="41" y="41" text="你好,Flex" fontSize="12"/>
14.</mx:Application>
mxml文件是一个标准的XML文件,只不过是以mxml为扩展名。
mx: 为flex的命名空间,以后出现的标签不能以mx为命名空间。
<mx:Application> 为程序的根标签。代表一个应用程序。一般对于应用程序的设置在这个标签下。其他标签包含在里面。更多关于Application下次再介绍。
<mx:Script> 包含在里面的代码是AS脚本,<![CDATA[]]>为XML标准输出,就是不管里面的代码是什么就输出什么,可以避免<、>、&等跟XML解析时冲突。
<mx:Button> 定义一个按钮,并绑定了click事件,触发AS定义的doClick方法
<mx:Button> 定义一个按钮,并绑定了click事件,触发AS定义的doClick方法
<mx:Label> 定义了标签
4. 编译和运行程序
点击工具栏的运行图标,开始编译。如果程序有错误,将中止编译,并在错误面板中列出错误信息。否则编译结束后将自动打开浏览器,来显示程序。点击上面的按钮标签显示的文字变化。
trace('字符串'); 调试模式在控制台输出。
![](http://hi.csdn.net/attachment/201112/7/0_1323229732jj3G.gif)