Flex学习笔记（2）——使用ActionScript脚本

在我的上一篇博客里，我使用MXML——一种类似于HTML的标记语言，完成了一个最基本的程序HelloFlex！但是一个绚丽的效果仅仅使用MXML是无法完成的，ActionScript为我们完成更加强大的功能提供了可能。在Flex开发中，ActionScript类似于传统网页开发中的JavaScript（广大的javascript爱好者千万别拍我啊），但是比JavaScript功能更为强大，Flex中的内建组件Panel、Label等都是基于ActionScript类实现的，应用ActionScript可以继承这些内建的组件对象来实现自定义的Flex组件。

在MXML中使用ActionScript，需要用到<mx:Script>标签。下面我要在昨天的HelloFlex中，加入一些代码，希望能够通过一个按钮，做到改变Label中的内容。

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="changeText()"> <mx:Script> <!--[CDATA[ public var hasClicked:Boolean=false; public function changeText():void{ label1.text = hasClicked + ""; if(!hasClicked){ label1.text="Hello,Flex!"; hasClicked = true; }else{ label1.text="使用ActionScript改变了Label的内容"; hasClicked = false; } } ]]--> </mx:Script> <mx:Panel id="panel1" width="600" height="400" title="HelloFlex" > <mx:Label id="label1" width="580" height="31" fontSize="14"/> <mx:Button id="button1" label="Click Here" click="changeText()"/> </mx:Panel> </mx:Application> 

执行上面这段程序，点击按钮，可以改变Label中显示的内容。

怎么样，很像JavaScript啊，只是在一些变量、函数声明上稍微有所区别。明天再来看看更高级的用法ActionScript类。