FlexBuilder2.0速学教程之编译应用程序

本文和大家重点讨论一下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自动插入下面的代码:
程序代码:
 

 
 
 
 
  1.  
  2. xmlns="*"> 
  3.  
  4.  
  5.  

3.在标签中输入下面的代码:

程序代码:
 

 
 
 
 
  1.  

这个标签插入一个Label控件到Canvas容器中,并设定了Labe控件l在Canvas容器中的位置与事件。
贴士:你能在工具条上点击Design按钮预览这个控件。

4.保存文件。

当你保存时,FlexBuilder2.0自动创建应用程序。你能看到在窗口的右下角看到创建的进度。

 

5.完成创建后,在工具条上点击Run按钮启动应用程序。

浏览器自动打开并运行应用程序

 

注意:浏览器必须了安装FlashPlayer8.5,Flex2应用程序才能在浏览器中运行。

6.点击“WelcometoFlex!”文字看看他的效果。
 

【编辑推荐】

  1. FlexBuilder快捷键使用说明
  2. Flex安全沙箱问题解决方法
  3. Flex及FlexBuilder2.0开发环境详解
  4. FlexBuilder3.0与Eclipse3.4的完美结合
  5. Flex内存泄露解决方法和内存释放优化原则

 

 

新闻标题:FlexBuilder2.0速学教程之编译应用程序
分享路径:http://www.mswzjz.cn/qtweb/news49/460649.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能