最近開始研究Flex這項東西，其實也沒有為什麼，就只是想研究看看，感覺很好玩

首先環境建置可以觀看梅問題教學網-Flex教學-邁向Flex3之路(1)安裝與使用的介紹，裡面也有一些Flex的教學，很棒喔

建置好後就可以開始使用了，

首先先建立一個EventTest的Project

312 

建置完成後，可以開始測試。

Code:

 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
 <mx:Label id="statuslabel"  text="Nothing"/>
 <mx:Button label="按我" click="statuslabel.text='按鈕按下了'"/>
</mx:Application>

 

執行後會變成

ˇ

當按鈕按下後

1 

在Button中的 click="statuslabel.text='按鈕按下了'" 便是當Button被按下後要做些什麼事，

因此在這裡可以知道，當按鈕被按下後他會去改變Label中的文字，就是這麼簡單。

 

再來介紹用ActionScript3來傾聽使用者事件

Code:

 


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">

<mx:Script>
<![CDATA[
import mx.controls.Button;
private function init():void{
var mybutton:Button = new Button();
mybutton.label = "按我";
mybutton.x = 100;
mybutton.y = 100;
mybutton.addEventListener(MouseEvent.CLICK,clickHandler); //加入監聽器
this.addChild(mybutton);
}
private function clickHandler(event:MouseEvent){
event.target.label="我被按過了";
}

]]>
</mx:Script>
</mx:Application>

執行結果

ˇ  

按下後

12 

在 mybutton.addEventListener(MouseEvent.CLICK,clickHandler); //加入監聽器 這行中，我們替myButton加入了監聽器，

而所監聽的事件就是滑鼠的CLICK事件，當監聽到此事件後他會去做clickHandler Function中的事情，就是這麼簡單。

那為何要用AS3的方式呢？

因為有時候我們可能會動態的去增加很多東西，因此透過此方式，就可以去替動態產生的物件也加上監聽器了。

 

 

 

 


arrow
arrow
    全站熱搜

    qaz33326 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄