发布flex程序

Flex Builder还提供了一个很有用的功能， 发布源代码，转化为格式化的HTML文件。点击工具条上的 图标（Publish Application Source），弹出图2.18所示的对话框。

图2.18

选择了文件和文件路径，点击“OK”，Flex Builder便开始工作了。

这时再回到代码视图下，会发现代码有了小小的变化：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

viewSourceURL= "srcview/index.html">

    <mx:Button id="btn" x="51" y="107" label="Click me" click="trace('这是点击后的文字')"/>

    <mx:Label id="tip_txt" x="182" y="109" text="这是点击前的文字" fontSize="12" width="136"/>

    </mx:Application>

仔细观察，发现在mx:Appication节点中多了一个属性：viewSourceURL="srcview/index.html"，这个有什么作用呢？

我们重现运行程序，在新的浏览器窗口中单击右键，发现多了一个菜单选项“View Source”，如图2.19所示。

选择View Source选项，会弹出一个新窗口。请先检查你的浏览器是否屏蔽了弹出窗口，如果是则要取消屏蔽。弹出的新窗口是一个框架结构的页面，页面左侧包括了一个Tree组件，列出了本项目所有的源文件名和文件夹名，页面右侧则显示Tree组件选定文件的源代码，这些代码都经过加亮处理，阅读起来非常舒心。

当我们想把自己的项目文档发布给其他人观看时，这个功能就非常有用了。从这个小功能上可以看出，Flex Builder的开发者们确实是煞费苦心。

最后，生成的SWF文件被放在项目的bin文件中，且文件与项目同名。另外，还有自动生成的HTML页面，整合了检测用户Flash插件版本的JS脚本，如果访问者的浏览器安装的Flash插件版本低于所要

图2.19

求的版本，JS脚本会自动调用一个SWF文件，远程连接官方站点，自动下载最新版本的插件。当然我们也可以将这个SWF文件单独取出来，放置在任意地方。