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

Flex組件之Button

Button組件是Flex的最常用的控制組件之一，最普通的事件響應是鼠標單擊。

創建Button組件

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

添加Button按鈕圖標

Flex中允許在編譯的時候和運行的時候導入圖片，但是按鈕圖標必須在編譯的時候導入。必須使用@Embed語法在icon屬性中，在Flex中可以支持JPEG、GIF、SVG、SWF或PNG格式的文件。如：

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

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

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

 假如你必須要在運行的時候導入圖片的話，請使用<mx:Image>標記替換<mx:Button>標記。例如：

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

添加事件響應

◆最常用的Button按鈕事件響應是Click事件

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

◆使用Button按鈕效果

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

【編輯推薦】

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