Apache Flex + Adobe Flash Builder环境配置

时间:2023-11-25 13:27:32

在开始学习Flex之前,需要配置开发环境。Apache Flex
SDK包含了你开发所需要的东西,当然除了集成开发环境(Integrated Development
Environment,IDE)。严格的说,你不使用IDE也能进行开发,不过十分推荐你使用一个IDE。在这个文档中我们不再介绍怎样使用Notepad或者vi创建和编译一个应用,你只要知道你可以使用它们完成所需的工作就行。

可以参考官方教程:http://flex.apache.org/doc-getstarted.html

我使用的IDE是Adobe Flash Builder,下面说明怎么样在Adobe Flash Builder中安装Apache
Fle。

1.下载Adobe Flash Builder

我们可以从adobe的网站下载Adobe Flash Builder,我下载的版本是Adobe Flash Builder
4.7,地址如下:

http://www.adobe.com/products/flash-builder-family.html

https://creative.adobe.com/products/download/flash-builder

需要在上进行注册,通过邮箱就可以。

下载的文件是CreativeCloudSet-Up.exe,安装这个文件,在Adobe Creative
Cloud中安装Flash Builder
Premlum,会自动下载安装,大小有1G左右,需要的时间比较长,也可以通过迅雷来下载安装,按照自己系统需要,将下面地址复制到迅雷的新建任务中,

32 bit:

http://trials3.adobe.com/AdobeProducts/FLBR/4_7/win32/FlashBuilder_4_7_LS10.exe

64 bit:

http://trials3.adobe.com/AdobeProducts/FLBR/4_7/win64/FlashBuilder_4_7_LS10_win64.exe

2.安装Adobe Flash Builder 4.7

在Adobe Creative Cloud中安装Flash Builder
Premlum或者运行lashBuilder_4_7_LS10_win64.exe。需要记住它的安装位置,如果是默认安装的话,在"C:\Program
Files\Adobe\Adobe Flash Builder 4.7 (64
Bit)\FlashBuilder.exe"

3.下载Apache Flex SDK

地址如下:

http://flex.apache.org/installer.html

需要注意的是,如果你的Flash player版本不够高是看不到下面这个下载按钮(绿色的DOWNLOAD)的:

Apache Flex + Adobe Flash Builder环境配置

所以最好先把Flash
player升级到14。点击DOWNLOAD下载“apache-flex-sdk-installer-3.1.0-bin.exe”之后安装。

4.安装Apache Flex SDK

运行“apache-flex-sdk-installer-3.1.0-bin.exe”,按照默认路径,点击继续,安装完成后,在“C:\Program
Files\Adobe\Adobe Flash Builder 4.7 (64
Bit)\sdks”下新建文件夹“4.13.0”,文件夹名对用flex的版本号,运行“Apache Flex SDK
Installer”:

Apache Flex + Adobe Flash Builder环境配置

点击下一步,选择安装位置“C:\Program Files\Adobe\Adobe Flash Builder 4.7 (64
Bit)\sdks\4.13.0”,点击下一步,选择需要的许可协议,点击安装。然后等待下载和安装完成。

Apache Flex + Adobe Flash Builder环境配置

安装完成后如下:

Apache Flex + Adobe Flash Builder环境配置

关闭即可。

5运行Flash Builder

运行"C:\Program Files\Adobe\Adobe Flash Builder
4.7 (64
Bit)\FlashBuilder.exe",需要输入刚刚在Adobe上注册的账号邮箱和密码

6配置Flash Builder中SDK的路径

点击窗口-首选项,在弹出窗口中选择Flash Builder-已安装的Flex
SDK,点击添加,选择SDK位置“C:\Program Files\Adobe\Adobe Flash Builder 4.7 (64
Bit)\sdks\4.13.0”,就是刚刚新建的文件夹:

Apache Flex + Adobe Flash Builder环境配置

点击确定。再点击确定

7创建一个新项目。

选择文件-新建-Flex项目。项目名称和位置自己选择,选择Flex SDK版本为“使用特定的SDK”:

Apache Flex + Adobe Flash Builder环境配置

点击完成。

此时会自动打开“HelloWorld.mxml”。需要注意的是Adobe Flash Builder 4.7和Adobe
Flash Builder 4.6都有一个bug,当创建.mxml文件时会错误的增加下面这个属性:

layout="absolute"

要将其删掉。这个错误不一定会出现,如果出现会有红色叉标出。

修改HelloWorld.mxml:

Apache Flex + Adobe Flash Builder环境配置

保存后点击运行(ctrl+f11)就会看到在浏览器中的Hello World!。注意:最好使用IE并将Flash
player升级到14。现在就可以继续学习Flex了。