Flex组件中Button组件用法解析

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数据绑定及其使用频繁的几种情况