- Flex例5【使用Event Listener】
Use an Event Listener
主要有如下4各步骤：
1。Set up your project
2。Create a simple user interface
3。Write an event listener
4。Associate the listener with an event with MXML
或Associate the listener with an event with ActionScript
先看效果，是各摄氏温度转化成华氏温度的例子：
下面是MXML代码：
程序代码<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
width="300" height="150" creationComplete="createListener()">
<mx:Script>
<![CDATA[
public function createListener():void{
btnChange.addEventListener(MouseEvent.CLICK,ssTohs)
}
public function ssTohs(e:Event):void{
var ss:Number=Number(txtSs.text);
if(isNaN(ss)||ss<-273){
lblHs.text="请输入正确的摄氏温度";
}
else{
lblHs.text=String(ss*9/5+32);
}
}
]]>
</mx:Script>
<mx:Panel x="10" y="10" width="280" height="130" layout="absolute"
<mx:Script>
<![CDATA[
public function createListener():void{
btnChange.addEventListener(MouseEvent.CLICK,ssTohs)
}
public function ssTohs(e:Event):void{
var ss:Number=Number(txtSs.text);
if(isNaN(ss)||ss<-273){
lblHs.text="请输入正确的摄氏温度";
}
else{
lblHs.text=String(ss*9/5+32);
}
}
]]>
</mx:Script>
<mx:Panel x="10" y="10" width="280" height="130" layout="absolute"
fontSize="12" title="温度转换">
<mx:Label x="10" y="20" text="摄氏温度：" fontFamily="Verdana" />
<mx:Label x="10" y="54" text="华氏温度："/>
<mx:Button x="146" y="20" label="转换" id="btnChange"/>
<mx:TextInput x="76" y="20" width="60" id="txtSs"/>
<mx:Label x="76" y="54" id="lblHs" color="#ff0000"/>
</mx:Panel>
</mx:Application>
<mx:Label x="10" y="20" text="摄氏温度：" fontFamily="Verdana" />
<mx:Label x="10" y="54" text="华氏温度："/>
<mx:Button x="146" y="20" label="转换" id="btnChange"/>
<mx:TextInput x="76" y="20" width="60" id="txtSs"/>
<mx:Label x="76" y="54" id="lblHs" color="#ff0000"/>
</mx:Panel>
</mx:Application>
上一篇：Flex例4【列表形式控件的运用】 下一篇：Flex例6【行为的使用】
admin#flashas.net （#为@） 联系QQ：
：40777822