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按钮,写如下代码:


<mx:Button id="myButton" />


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


import
var myButton:Button = new
addChild(myButton);


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



3)Attributes are Properties

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


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


在ActionScript等价的操作为:

import
var myButton:Button = new
myButton.label = "Click Me";
addChild(myButton);



4)属性是样式(Attributes are Styles)

一个组件有多种属性,正如之前看到的属性面板。Styles是Flex组件特殊的属性,用于控制组件的显示外观。在MXML,可以很容易地使用属性设置style。在ActionScript,可使用getStyle()和setStyle()方法。


例如:cornerRadius的style属性用于设置按钮,如下:


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


但不可以用脚本直接设置,如:


myButton.cornerRadius = 14;


而是应该用setStyle()方法,如下:


myButton.setStyle("cornerRadius", 14);



5)属性是事件监听器(Attributes are event listeners)

事件监听器用于告诉组件响应事件,如鼠标点击。如下:


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


那就应该执行ActionScript脚本:


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


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



二、注释

注释语法在MXML和ActionScript中是不一样的,


在ActionScript中是双斜线“//"或”/* */",


而在MXML中是<!-- -->。


这正好满足一为脚本语言、一为XML语言的语法。