Flex3学习笔记4

Flex3学习笔记4

Flex脚本基础

一、ActionScript和MXML的关系
Flex由两种语言组成，ActionScript和MXML。MXML负责应用的布局结构，ActionScript负责建立交互。那么，ActionScript和MXML有什么异同呢？

1）MXML = ActionScript
MXML标记实际上能被Flex编译器转换成ActionScript。你可以这么考虑：ActionScript是Flash Player的核心语言，Flex中的一切东西都能被提取成ActionScript。在这点上，你可以使用ActionScript项目创建一个Flex应用，且只使用ActionScript语言。然而，使用MXML具有更好的直观性来创建应用程序。

2）标记都是类（Tags are Classes）
Flex应用程序中声明的标记在编译时能被转换成ActionScript的合适代码。比如，要在MXML中建立一个Button按钮，写如下代码：

1. <mx:Button id="myButton" />

这能被编译成等价的ActionScript代码：

1. import mx.controls.Button;
2. var myButton:Button = new Button();
3. addChild(myButton);

注意：你可以使用ActionScript来动态创建组件，而不是只依赖于MXML。

3）Attributes are Properties
当你为标签增加属性Attributes时，你实际上是在改变组件实例的properties。例如，要改变按钮Button的label属性，在MXML中如下：

1. <mx:Button id="myButton" label="Click Me" />

在ActionScript等价的操作为：

1. import mx.controls.Button;
2. var myButton:Button = new Button();
3. myButton.label = "Click Me";
4. addChild(myButton);

4）属性是样式（Attributes are Styles）
一个组件有多种属性，正如之前看到的属性面板。Styles是Flex组件特殊的属性，用于控制组件的显示外观。在MXML，可以很容易地使用属性设置style。在ActionScript，可使用getStyle()和setStyle()方法。
例如：cornerRadius的style属性用于设置按钮，如下：

1. <mx:Button id="myButton" cornerRadius="14" />

但不可以用脚本直接设置，如：

1. myButton.cornerRadius = 14;

而是应该用setStyle()方法，如下：

1. myButton.setStyle("cornerRadius", 14);

5）属性是事件监听器（Attributes are event listeners）
事件监听器用于告诉组件响应事件，如鼠标点击。如下：

1. <mx:Button id="myButton" click="doSomething()" />

那就应该执行ActionScript脚本：

1. import mx.controls.Button;
2. var myButton:Button = new Button();
3. myButton.addEventListener("click", doSomething);
4. addChild(myButton);

要注意，ActionScript是使用addEventListener()方法注册事件的。

二、注释
注释语法在MXML和ActionScript中是不一样的，
在ActionScript中是双斜线“//"或”/* */"，
而在MXML中是<!-- -->。
这正好满足一为脚本语言、一为XML语言的语法。