Flex入门介绍（PDF）

闲云无衣

http://www.blogjava.net/xvridan

Flex 快速入门

无衣

摘自 http://www.adobe.com/cn/

(版权归原作者所有)

闲云无衣

http://www.blogjava.net/xvridan

Flex 快速入门: 使用 MXML 和 ActionScript

MXML 来显式定义应用程序的非可视方面, 例如访问服务器端数据源和用户界面组件与数据

源之间的数据绑定。

例如, 您通过使用下面的 MXML 语句, 使用 <mx:Button> 标签来创建 Button 控件的实例:

<mx:Button id="myButton" label="I'm a button!"/>

您设置 id 属性以赋予 Button 实例一个唯一的名称, 以后可以使用该名称引用到它。 label

属性设置在 Button 实例上显示的标签的文本。

下面的示例显示创建显示 Button 控件的 Flex 应用程序所需的完整代码:

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

<mx:Application

xmlns:mx="http://www.adobe.com/2006/mxml"

提示: 确保 Flex 2 installation folder\Flex SDK 2.0\bin 文件夹处于您的系统的路径中。 让

Flex 编译器处于您的路径中, 使您不管当前处于哪个文件夹中, 都可以从命令行调用它。

说明

1. 在您喜爱的文本编辑器 (如, 记事本) 中创建一个新文件并将它另存为

2. 从前面的示例中将代码输入到 MyFirst.mxml 中并保存您的文件。

3. 通过选择“开始”>“所有程序”>“附件”>“命令提示符”, 打开命令窗口。

4. 将您的当前目录更改为包含您在步骤 1 中保存的 Flex 应用程序的文件夹。

5. 键入下面的命令来调用 Flex 编译器:

闲云无衣

http://www.blogjava.net/xvridan

此示例会产生下列 SWF 文件:

提示: 您还可以使用 Adobe Flex Builder 2 创建和编译 Flex 应用程序, Adobe Flex Builder 2 是

包含可视设计视图的用于 Flex 开发的集成开发环境 (IDE)。 有关 Flex Builder 2 的详细信

息, 请参阅使用 Flex Builder 2。

ActionScript

MXML 标签与 ActionScript 类或类的属性相对应。 当您编译 Flex 应用程序时, Flex 会解析

MXML 标签并生成相应的 ActionScript 类。 接着它将这些 ActionScript 类编译成存储在

SWF 文件中的 SWF 字节码。

提示: 若要查看 Flex 生成的中间 ActionScript 文件, 请将 --keep-generated-actionscript 选项添

加到 mxmlc 命令中。

闲云无衣

http://www.blogjava.net/xvridan

viewSourceURL="src/GettingStartedActionScript/index.html"

creationComplete="creationCompleteHandler();"

width="300" height="80"

>

<mx:Script>

<![CDATA[

import mx.controls.Button;

import mx.events.FlexEvent;

private var myButton:Button;

private function creationCompleteHandler():void

processed for layout

myButton.addEventListener (FlexEvent.CREATION_COMPLETE,

buttonCreationCompleteHandler);

// Add the Button instance to the DisplayList

addChild (myButton);

}

private function buttonCreationCompleteHandler ( evt:FlexEvent ):

void

</mx:Script>

</mx:Application>

闲云无衣

http://www.blogjava.net/xvridan

此示例会产生下列 SWF 文件: