本文和大家重点讨论一下FlexBuilder2.0速学教程之编译应用程序,这个速学教程教你该如何在FlexBuilder2.0中编译与运行Flex应用程序。相信通过本节的介绍你对编译应用程序的方法一定会有深刻的认识。
FlexBuilder2.0速学教程之编译应用程序
这个速学教程教你该如何在FlexBuilder2.0中编译与运行Flex应用程序。
开始之前
开始这个速学教程之前,确定你完成下面的任务:
◆在FlexBuilder2.0中创建QuickStart项目。
◆在FlexBuilder2.0中打开Project菜单中确认BuildAutomatically选项已选上,如下:
这个选项在FlexBuilder2.0的standalone版本中是默认选上的。(-_-!!但不知为什麽我的没有被默认选上)
学习在FlexBuilder2.0中编译
在你用FlexBuilder2.0编译之前,先说一些核心概念。
默认地,FlexBuilder2.0的standalone版本中当你添加文件到项目中或当你编辑后保存项目文件,FlexBuilder2.0会动创建应用程序。
编译后,FlexBuilder2.0会将调试与发布的SWF文件放到默认的输出文件夹bin文件夹中。
FlexBuilder2.0并会産生运行在浏览器中包装SWF的HTML文件。
注意:浏览器必须了安装FlashPlayer8.5,Flex2应用程序才能在浏览器中运行。
当你创建一个新的项目时,FlexBuilder2.0自动地産生项目的配置文件,bin文件夹与主应用程序文件。在一个项目中可以有一个以上的应用程序文件,但只能有一个指定的主应用程序文件。
你随时可以指定其他文件为主应用程序文件。所有的应用程序文件必须保存在Flex项目的根目录下。
现在你明白基本概念后,你能在FlexBuilder2.0中创建一个小的应用程序与编译并运行他。
编译与运行应用程序
当BuildAutomatically已选上了,你在FlexBuilder2.0中添加文件到项目中或当你编辑后保存项目文件,FlexBuilder2.0会动编译你的应用程序。
这部分假设你已创建了QuickStart项目与BuildAutomatically已选上了。
1.打开FlexBuilder2.0差双击QuickStart.mxml文件。
2.在工具条上点击Code按钮,将视图转为代码视图。
当你创建QuickStart.mxml文件时,FlexBuilder2.0自动插入下面的代码:
程序代码:
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.macromedia.com/2005/mxml"
- xmlns="*">
- <mx:Canvaswidthmx:Canvaswidth="100%"height="100%">
- </mx:Canvas>
- </mx:Application>
3.在<mx:Canvas>与</mx:Canvas>标签中输入下面的代码:
程序代码:
- <mx:Labeltextmx:Labeltext="WelcometoFlex!"mouseDownEffect="WipeRight"x="20"y="20"/>
这个标签插入一个Label控件到Canvas容器中,并设定了Labe控件l在Canvas容器中的位置与事件。
贴士:你能在工具条上点击Design按钮预览这个控件。
4.保存文件。
当你保存时,FlexBuilder2.0自动创建应用程序。你能看到在窗口的右下角看到创建的进度。
5.完成创建后,在工具条上点击Run按钮启动应用程序。
浏览器自动打开并运行应用程序
注意:浏览器必须了安装FlashPlayer8.5,Flex2应用程序才能在浏览器中运行。
6.点击“WelcometoFlex!”文字看看他的效果。
【编辑推荐】
- FlexBuilder快捷键使用说明
- Flex安全沙箱问题解决方法
- Flex及FlexBuilder2.0开发环境详解
- FlexBuilder3.0与Eclipse3.4的完美结合
- Flex内存泄露解决方法和内存释放优化原则