[转]在MXML中使用ActionScript脚本

ActionScript

ActionScript是为Adobe Flash设计的面向对象的程序设计语言，在Flex开发中，ActionScript的基本作用类似于传统网页开发中的JavaScript，同时ActionScript还要负责Flex程序的逻辑控制和业务建模。ActionScript遵循欧洲计算机制造商协会(ECMA)通过的ECMAScript标准，而ECMAScript出自JavaScript派生出的标准ECMA-262，因此无论是使用语法还是技巧方面，ActionScript与JavaScript都非常相似。

作为Flex技术的组成部分，ActionScript充当着更加重要的角色。如果说MXML是Flex亮丽的外表，那么ActionScipt就赋予了Flex聪慧的灵魂。对于开发者而言，在ActionScript上所下的功夫要大于MXML，MXML作为界面表现层需要更多的是外观设计，而ActionScript则需要担当起用户交互、数据处理和业务逻辑处理的重任。不仅如此，在MXML中所使用的Panel、Label等Flex内建组件都是基于ActionScript类实现的，应用ActionScript可以继承这些内建的组件对象来创建自定义的Flex组件，使得开发的灵活性大大增加。ActionScript的应用还可以涉及到表现层数据模型以及异步远程请求及响应的事务处理。

我们可以通过<mx:Script>标签在MXML文件中插入ActionScript代码或导入ActionScript类文件。而在编译过程中，ActionScript代码和MXML代码都会被分离成ActionScript类，最终编译器连接所有的ActionScript类，编译生成SWF文件。

1.4.1  在MXML中使用ActionScript脚本

MXML使用<mx:Script>标签实现对ActionScript的内部编译支持，因此，ActionScript脚本代码可直接在标签内编写，此时ActionScript以方法为基本单位独立作用，可在MXML代码中直接调用。这里需要注意的是，MXML内部嵌入ActionScript代码的方式并非使用了单独的编译机制，在MXML进行编译的过程中，内部的ActionScript代码会被抽取出去并创建独立的ActionScript类文件，最后组合到SWF文件之中。

下面来看一看在MXML内部使用ActionScript的示例程序。

示例1.2  使用ActionScript脚本

<?xml version="1.0" encoding="utf-8"?>
<!--此示例程序中要使用中文，因此进行编码声明，请注意保存时选择正确的编码-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Script>
<![CDATA[
public function changeText():void {
disp1.text = "使用ActionScript";
}
]]>
</mx:Script>
<mx:Panel title="Flex ActionScript Test" paddingTop="10" paddingBottom="10"
paddingLeft="10" paddingRight="10" x="10" y="10" fontSize="12">
<mx:Label id="disp1" text="Hello World. 世界，你好！" fontWeight="normal"
fontSize="24" fontFamily="Times New Roman" fontStyle="italic"
alpha="1.0"/>

 

<mx:Button label="点击这里"  fontSize="16" click="changeText()"/>
</mx:Panel>
</mx:Application>

示例1.2的程序基本是对上一个HelloWorld示例的扩充，我们对Label添加了一个id属性，并在<mx:Script>中对这个id进行引用，请特别注意<mx:Script>标签在MXML中的引用方式，其内容为ActionScript代码，因此要用<![CDATA[  ]]>括起来保证对其作为一个字符内容的引用，否则ActionScript代码中的操作符很容易与XML的关键字发生冲突，如<、>、&等符号在XML中都有特定的意义。

下面来看看这个示例的运行效果。

如图1.3所示，这次运行的效果多了一个按钮组件，即代码中的<mx:Button>，并且我们设置了按钮组件的click属性，即设置了按钮的单击触发为执行ActionScript方法changeText()，接下来可以单击按钮查看效果，结果如图1.4所示。

 

图1.3  ActionScript测试运行效果一

 

 

图1.4  ActionScript测试运
行效果二

在图1.4中，Label的文字内容被替换成为字符串"使用ActionScript"。我们可以看到ActionScript代码中changeText()方法的作用是，响应一个按钮单击事件，通过属性id引用MXML的界面组件，并通过用户交互来处理组件的变化，这是ActionScript最常见的应用方法。本示例中，通过changeText()方法对id为disp1的Label组件进行text赋值操作，通过这个示例我们可以熟悉一下ActionScript的一些语法规则，public function changeText():void是ActionScript的方法定义，访问控制字为public，而function是方法定义关键字，方法名称为changeText，返回值类型为void。在MXML代码中直接嵌入ActionScript时不需要设计ActionScript类，直接以方法作为执行单位。

 

如果是简单的事件响应处理，如输入校验、组件可见性控制等处理，那么用上面的方法还没有问题，但如果需要对数据进行复杂的逻辑操作或者需要对MXML的组件进行定制操作，就需要ActionScript类来完成了。