Flex 创建应用程序
减小字体
增大字体由 piaopiaorou 创建，小路依依 最后一次修改 2016-12-27 我们将使用Flash Builder 4.5创建Flex应用程序。 让我们从一个简单的 HelloWorld 应用程序开始:步骤1 - 创建项目第一步是使用Flash Builder IDE创建一个简单的Flex项目。 使用选项File > New > Flex Project。 现在，使用向导窗口将您的项目命名为 HelloWorld ，如下所示:如果未选择，请选择应用程序类型 Web(在Adobe Flash Player中运行)，并保留其他默认值，然后单击完成按钮。 项目创建成功后，您的项目资源管理器中将包含以下内容:以下是所有重要文件夹的简要说明:夹位置表格边框源代码(mxml / as classes)文件。我们已经创建了com / tutorialspoint / client文件夹结构，其中包含客户端特定的，负责客户端UI显示的java类。bin-debug这是输出部分，它表示实际可部署的Web应用程序。history文件夹包含Flex应用程序的历史记录管理的支持文件。framework_xxx.swf，flex应用程序使用的flex框架文件。HelloWorld.html，用于flex应用程序的wrapper / host HTML文件。HelloWorld.swf，我们的基于flex的应用程序。playerProductInstall.swf，flash player express安装程序。spark_xxx.swf，用于spark组件支持的库。swfobject.js，javascript负责在HelloWorld.html中加载HelloWorld.swf。 它检查Flash Player版本并将初始化参数传递给HelloWorld.swf文件。textLayout_xxx.swf，用于文本组件支持的库。html-template这表示可配置的Web应用程序。 Flash Builder将文件从html-template编译到bin-debug文件夹。history文件夹包含Flex应用程序的历史记录管理的支持文件。index.template.html，wrapper / host用于具有用于Flash Builder特定配置的占位符的flex应用程序的HTML文件。 在编译期间在bin-debug文件夹中编译为HelloWorld.html。playerProductInstall.swf，flash player express安装程序。在构建期间复制到bin-debug文件夹。swfobject.js，javascript负责在HelloWorld.html中加载HelloWorld.swf。 它检查flash播放器版本，并将初始化参数传递给HelloWorld.swf文件。在构建期间复制到bin-debug文件夹。步骤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-template 文件夹中修改封装HTML页面模板 index.template.html 。 Flash Builder将创建一个默认的Wrapper HTML网页模板 html-template / index.template.html ，它将被编译为HelloWorld.html。 此文件包含Flash Builder在编译过程中替换的占位符，例如Flash Player版本，应用程序名称等。让我们修改此文件以显示自定义消息，如果没有安装flash插件。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head><title>${title}</title><meta name="google" value="notranslate" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="styles.css" type="text/css"></link> <link rel="stylesheet" type="text/css" href="history/history.css" /><script type="text/javascript" table table-bordered="history/history.js"></script><script type="text/javascript" table table-bordered="swfobject.js"></script><script type="text/javascript"> // 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;");</script></head><body> <div id="flashContent"> <p style="margin:100px;"> <table width="700" cellpadding="10" cellspacing="2" border="0"> <tr><td class="pluginHeader">Flash Player Required</td></tr> <tr><td class="pluginText">The Adobe Flash Player version 10.2.0 or greater is required.</td></tr> <tr><td class = "pluginInstallText" align="left"> <table border="0" width="100%"> <tr class = "pluginInstallText" > <td>Click here to download and install Adobe Flash Player:</td> <td> </td> <td align="right"><script type="text/javascript"> var pageHost =((document.location.protocol == "https:") ? "https://" : "http://"); document.write("<a target='_blank'"
Flex 创建应用程序
