Button組件是Flex的最常用的控制組件之一，最普通的事件響應(yīng)是鼠標(biāo)單擊。本文和大家分享一下它的用法，希望你對本文介紹感興趣。

Flex組件之Button

Button組件是Flex的最常用的控制組件之一，最普通的事件響應(yīng)是鼠標(biāo)單擊。

創(chuàng)建Button組件

<mx:Buttonidmx:Buttonid='button1'label='Helloworld!'width='100'/> 

添加Button按鈕圖標(biāo)

Flex中允許在編譯的時候和運(yùn)行的時候?qū)雸D片，但是按鈕圖標(biāo)必須在編譯的時候?qū)?。必須使用@Embed語法在icon屬性中，在Flex中可以支持JPEG、GIF、SVG、SWF或PNG格式的文件。如：

<mx:Buttonlabelmx:Buttonlabel='About'icon='@Embed('images/logo.gif')'/> 

千萬要注意的是：如果要導(dǎo)入swf文件的話，不能使用任何AS2.0的類和Flash組件，否則就無法導(dǎo)入。
另外的方法是可以在腳本中使用[Embed]標(biāo)記來添加。

1.<mx:Script> 
 
2.<![CDATA[  
 
3.[Embed(source='images/logo.png')]  
 
4.]]> 
 
5.</mx:Script> 
 

 假如你必須要在運(yùn)行的時候?qū)雸D片的話，請使用<mx:Image>標(biāo)記替換<mx:Button>標(biāo)記。例如：

<mx:Imagesourcemx:Imagesource='@Embed('images/logo.gif')'/> 

添加事件響應(yīng)

◆最常用的Button按鈕事件響應(yīng)是Click事件

<mx:Buttonlabelmx:Buttonlabel='Save'width='90'click='save()'/> 

◆使用Button按鈕效果

<mx:Buttonidmx:Buttonid='myButton'mouseOverEffect='Zoom'/> 

【編輯推薦】

1. 解析Flex組件中Label組件的用法
2. Flex主題創(chuàng)建及支持的樣式設(shè)置方式
3. 全面認(rèn)識Flex應(yīng)用程序的六大元素
4. 揭開Flex正則表達(dá)式的神秘面紗
5. Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況