Flex2 学习笔记 Ⅰ

作者：佚名    教程来源：不详    点击数：加载中...    更新时间：2008-7-10 字体:[大 中 小]

第一章的内容很浅

前段时间由于想开发个 Flash 站点，包括后台管理在内由 Flash + XML + ASP 来实现，遇到的问题多多，在 Kakera 的强力推荐下开始学习并使用 Flex2 。

其实 Flex 推出已经有一段时间了，一直没怎么接触，现在可以说是从零开始，包括 AS3 。等等

也就相当于记点东西吧……也好久没写东西了，大家可别把这当教程来看，只是随便乱记而已。

Flex 是由 mxml 标签来开发，帮助和语言参考的 CHM 可以到这里下载： http://bbs.blueidea.com/thread-2659490-1-1.html

其实里面内容还未收录完整，在这里偶还是大家建议查看 Flex 自带的帮助文件。

现在，我们开始构建一个基本的程序吧。

新建一个项目，如下图所示：

选择 Basic (e.g XML or web service from PHP/JSP/ASP.NET) ，然后 Next

在 Project name 里输入： HelloWorld ，使用默认路径。当然在这里你也可以设置成自定义的目录，最后都能达到最终效果。

等待文件生成完毕以后，我们可以在导航栏里看到整个项目相关的文件。 bin 目录是存放生成的 SWF 及原目录内的各种资源， html-template 目录就是 html 模板，这些我们不用管他。

源代码窗口里我们可以看到默认的 mxml 文件内容：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
</mx:Application>

下面左边的箭头图标是运行当前项目，右边的小虫子是以 Debug 模式运行。就在左上角，你注意点就看到了。

下面左边的箭头图标是运行当前项目，右边的小虫子是以 Debug 模式运行。就在左上角，你注意点就看到了。

JSP学习笔记(三)-----使用JSP处理
JSP学习笔记(一)-----概述
TCP/IP协议详解卷1学习笔记-IP校验
初学j2me必读 网友学习笔记
ppp学习笔记
TCP/IP详解学习笔记(2)-数据链路层
2幅人像素描的简要过程和学习笔记
ASP+学习笔记（三）
JUnit学习笔记之NetBeans篇
191红皮书学习笔记（二）

代码第一行不说了，地球人都知道……
mx:Application 相当于 Flash 里面的 _root 吧，偶觉得应该可以这么说，只不过在这里没有了时间帧的概念而已。 layout="absolute" 就是内容的绝对定位了。我们来开始在这里加一段： creationComplete="init(event)" ，意思是初始化完毕后执行 init 函数。

然后我们在 mx:Application 加入一个节点 <mx:Script> ，输入完毕后会自动生成 CDATA 信息，如果你是复制过去的就得自己来写了。 script 里面就是我们写 AS 的地方，不过这里换成了 AS3 还真是不习惯。= = 我们来输入 private function init(event:FlexEvent):void {}，完毕后上面会自动插入 import mx.events.FlexEvent; ， AS3 几乎用到的东西都需要 import 。此外别问偶 private public 什么的，不懂的回去补习 AS2 。完成后代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)" layout="absolute">
<mx:Script>
    <![CDATA[
        import mx.events.FlexEvent;
        private function init(event:FlexEvent):void {
        }
    ]]>
</mx:Script>
</mx:Application>

既然是 HelloWorld ，我们就在 init 里面输入 trace("HelloWorld!"); 吧，在 Debug 模式下输出， OK ， Console 窗口出现 HelloWorld! 字样，恭喜你，成功的制作出一个 Flex 程序来（第一节就到这里大家没意见吧？反正也就只是 HelloWorld ……）。当然，为了避免臭鸡蛋烂番茄什么的，偶再增加点内容……

代码里加上： private var str:String = "HelloWorld!"; ， 然后 trace(str); ，嗯，一个稍微复杂点点的程序就出来了，真棒。
把 trace 换成 Alert 或许会更有成就感：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)" layout="absolute">
<mx:Script>
    <![CDATA[
        import mx.controls.Alert;
        import mx.events.FlexEvent;
        private var str:String = "HelloWorld!";
        private function init(event:FlexEvent):void {
            Alert.show(str);
        }
    ]]>
</mx:Script>
</mx:Application>

下面的压缩包是 Josh Tynjala 写的 Hello World Flex ，他是 IFBIN Service 里的作者之一，偶稍微改了一下以适应 Flex2。

文件下载