版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/3113075
Flex3学习笔记4
Flex脚本基础
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 mx.controls.Button;
- var myButton:Button = new Button();
- addChild(myButton);
注意:你可以使用ActionScript来动态创建组件,而不是只依赖于MXML。
3)Attributes are Properties
当你为标签增加属性Attributes时,你实际上是在改变组件实例的properties。例如,要改变按钮Button的label属性,在MXML中如下:
- <mx:Button id="myButton" label="Click Me" />
在ActionScript等价的操作为:
- import mx.controls.Button;
- var myButton:Button = new Button();
- 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 Button();
- myButton.addEventListener("click", doSomething);
- addChild(myButton);
要注意,ActionScript是使用addEventListener()方法注册事件的。
二、注释
注释语法在MXML和ActionScript中是不一样的,
在ActionScript中是双斜线“//"或”/* */",
而在MXML中是<!-- -->。
这正好满足一为脚本语言、一为XML语言的语法。