脚本元素,在Flex中向按钮和函数添加操作

昨天我谈到了在您的应用程序中创建一些简单的Flex元素。今天,我将介绍一个称为脚本的新元素。

Script元素(如果尚未猜测)用于运行您的应用程序功能,应包含在Application元素内。您可以像这样将脚本内联。

<mx:Script>
// 一些代码在这里
</mx:Script>

或者,您可以使用source属性,并将其与外部ActionScript源文件链接。

<mx:Script source="myactionscriptfile.as">
</mx:Script>

您可以做的最简单的事情是使用函数trace()。这是一个调试功能,它将信息输出到Flex IDE的调试窗口中。要在首次运行应用程序时打印出一条消息,请执行以下操作。

<mx:Script>
trace('Flex program running.');
</mx:Script>

要捕获对Button元素的鼠标单击,您需要使用属性click,其属性可以是代码或函数的回调。要使用内联代码,请使用以下代码,这将打印出跟踪记录。

<mx:Button id="abutton" label="A button" click="trace('Button clicked');" />

要使用回调函数,请执行以下操作。

<mx:Button id="abutton" label="A button" click="clicked();" />

现在,您可以在脚本部分中添加所需的功能,并且可能不仅仅是简单的trace()调用。以下脚本将向您的输出发送跟踪消息,然后打开浏览器窗口至#!。代码站点。如果您将此应用程序嵌入网页中,则当前浏览器窗口将重定向到URL。

<mx:Script>
public function clicked():void
{
 trace('Button clicked');
 navigateToURL(new URLRequest('http://www.nhooo.com'));
}
</mx:Script>

要创建函数,您需要使用以下语法:

scope function functionName():return type
{
}

范围是应用程序将如何看待该功能的方式。对于超出类范围(这是另一个主题)的此类函数,应具有公共范围。返回类型是函数返回的值的类型,如果不返回任何值,则使用void。如果函数将两个数字相加并返回结果,则返回类型将为Number。