Flex 系列教程之二 FlexBuilder的安装和使用

Flex 是免费的，你可以用任意IDE 编辑它，也可以用免费的编译器编译你的代码。

 

可以去Flex 官方网站下载Flex SDK http://www.adobe.com/products/flex

 

Adobe 提供了FlexBuilder ，这是收费的，你有30 天试用的机会，你可以从官方网站下载 http://www.adobe.com/products/flex ，其中已经包含了Flex2 SDK 和Flex3 SDK 。

 

你可以用任意编辑器编辑Flex ，我在这里只讲解FlexBuilder 的安装和使用。

 

下载FlexBuilder 后安装到任意目录，启动FlexBuilder ，你可以看到如下界面

如果你用过Eclipse ，你对这界面应该再熟悉不过了吧

选择新建项目

 

新建项目界面

1. 新建项目
2. 项目类型：普通web 项目：会生成swf 文件，嵌入Html 文件中；AIR 项目，用于生成桌面应用程序
3. 使用的后台技术

 

我们先新建普通web 项目

 

1. 项目文件浏览器：其中 flexTest.mxml 为项目的入口文件
2. 代码导航
3.   代码区

点击代码区左上方 Source ，可以进入可视化编辑视图

 

 

1、  组件列表

2、  你的画布，你可以从组件列表中拖动组件到画布中

3、  状态视图（在今后的教程中有讲解）

4、  组件属性列表

 

提示：如果你看不到可视化编辑区域，提示有错误，你可以检查一下你的Flex SDK 指定是否正确，进入菜单Window->Preferences…->Flex->Installed Flex SDK 制定SDK 地址，你不需要下载SDK ，在FlexBuilder 的安装目录里的sdks 目录里就有。

 

    再看看工具栏有什么

 

 

    其中比较重要的是1 、运行2 、调试3 、打包

 

    好了，现在你可以拖一些组件到可视化编辑区域，然后点运行，看看效果。

    恭喜你，你完成了Flex 开发的第一步，下一讲我将会创建一个HelloWorld 的小例子。