Flex3学习笔记4

简介: 版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/3113075 Flex3学习笔记4Flex脚本基础一、ActionScript和MXML的关系Flex由两种语言组成,ActionScript和MXML。
版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/3113075
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语言的语法。


目录
相关文章
|
前端开发 容器
flex从总结到了解
flex 是一种布局方式,在 CSS3 之后开始有。它主要由父容器和子项组成
199 1
flex从总结到了解
|
内存技术 开发工具 数据可视化
|
XML JavaScript 数据格式
|
XML JavaScript Java
|
XML 编译器 数据格式
Flex3学习笔记4
Flex3学习笔记4 Flex脚本基础 一、ActionScript和MXML的关系Flex由两种语言组成,ActionScript和MXML。MXML负责应用的布局结构,ActionScript负责建立交互。
677 0
|
Web App开发 JavaScript Java
flex学习
早就想弄个flex的东西了...总是没有心情弄..有的时候项目让人心力憔悴...   最近,,想着是破罐子破摔..弄点别的东西...换个心情..然后在去弄下项目...(已经快接近尾声了)   总是在开发的第一线..技术上面什么都弄..公司里面还要应付其他同事的问题...   能帮助别人就帮助吧..本人也没有别的什么有点..就代码上面略有研究.(投入的时间多了自然就有所领悟了)   1,先弄个s
1316 0
|
XML Java 数据格式
Flex 4 advancedDataGrid的使用
参考 http://www.cnblogs.com/xuehai/archive/2009/09/26/1574531.html                                                                                     ...
1422 0