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 的小例子。