Flex - 创建应用程序

我们将使用Flash Builder 4.5创建Flex应用程序.让我们从一个简单的 HelloWorld 应用程序开始.

步骤1  - 创建项目

第一步是使用Flash Builder IDE创建一个简单的Flex项目.使用选项文件>启动项目向导新> Flex项目.现在使用向导窗口将项目命名为 HelloWorld ，如下所示 :

选择应用程序类型 Web(在Adobe Flash Player中运行).但是，如果未选中此选项，则保留其他默认值，然后单击"完成"按钮.成功创建项目后，您将在Project Explorer中获得以下内容 :

以下是所有重要文件夹的简要描述 :

第2步 - 创建外部CSS文件

在 html-template 中为Wrapper HTML页面创建一个CSS文件 styles.css 文件夹.

html, body {    height:100%;}body {    margin:0;    padding:0;    overflow:auto;    text-align:center;}   object:focus {    outline:none; }#flashContent {    display:none;}.pluginHeader {   font-family:Arial, Helvetica, sans-serif;   font-size:14px;   color:#9b1204;   text-decoration:none;   font-weight:bold;}.pluginInstallText {   font-family:Arial, Helvetica, sans-serif;   font-size:12px;   color:#000000;   line-height:18px;   font-style:normal;}.pluginText {    font-family:Arial, Helvetica, sans-serif;   font-size:12px;   color:#000000;   line-height:18px;   font-style:normal;}

第3步 - 修改包装HTML页面模板

修改包装HTML页面模板 htmltemplate 文件夹中的index.template.html . Flash Builder将创建一个默认的Wrapper HTML页面模板 html-template/index.template.html ，它将被编译为HelloWorld.html.

此文件包含Flash Builder在编译过程中替换的占位符.例如，flash播放器版本，应用程序名称等.

如果未安装Flash插件，请修改此文件以显示自定义消息.

                                                                           // For version detection, set to min. required Flash Player version,         //or 0 (or 0.0.0), for no version detection.         var swfVersionStr = "${version_major}.${version_minor}.${version_revision}";         // To use express install, set to playerProductInstall.swf,         //otherwise the empty string.         var xiSwfUrlStr = "${expressInstallSwf}";         var flashvars = {};         var params = {};         params.quality = "high";         params.bgcolor = "${bgcolor}";         params.allowscriptaccess = "sameDomain";         params.allowfullscreen = "true";                  var attributes = {};         attributes.id = "${application}";         attributes.name = "${application}";         attributes.align = "middle";         swfobject.embedSWF (            "${swf}.swf", "flashContent",            "${width}", "${height}",            swfVersionStr, xiSwfUrlStr,            flashvars, params, attributes);         // JavaScript enabled so display the flashContent div in case         //it is not replaced with a swf object.         swfobject.createCSS("#flashContent", "display:block;text-align:left;");                                                                           Flash Player Required                                                               The Adobe Flash Player version                     10.2.0 or greater is required.                                                                                                                                             Click here to download and install Adobe Flash Player:                                                                                                          var pageHost                                 = ((document.location.protocol == "https:") ? "https://" : "http://");                              document.write("<"                                 +"img style = 'border-style: none' table table-bordered = '"                                 +pageHost                                 +"www.adobe.com/images/shared/download_buttons/get_flash_player.gif'"                                 +" alt = 'Get Adobe Flash player' />" );