Flex组件篇：Button

Button组件是Flex的最常用的控制组件之一，最普通的事件响应是鼠标单击。
创建Button组件

<mx:Button id='button1' label='Hello world!' width='100'/>

 

1.

添加按钮图标
Flex中允许在编译的时候和运行的时候导入图片，但是按钮图标必须在编译的时候导入。必须使用@Embed语法在icon属性中，在Flex中可以支持JPEG、GIF、SVG、SWF或 PNG 格式的文件。如：

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

 

1.

千万要注意的是：如果要导入swf文件的话，不能使用任何AS2.0的类和Flash组件，否则就无法导入。
另外的方法是可以在脚本中使用[Embed]标记来添加。

<mx:Script>

 

2. <![CDATA[

3.     [Embed(source='images/logo.png')]

4. ]]>

5. </mx:Script>

1.

假如你必须要在运行的时候导入图片的话，请使用<mx:Image>标记替换<mx:Button>标记。例如：

<mx:Image source='@Embed('images/logo.gif')' />

 

1.

添加事件响应
最常用的按钮事件响应是Click事件

<mx:Button label='Save' width='90' click='save()'/>

 

1.

使用按钮效果

<mx:Button id='myButton' mouseOverEffect='Zoom' />

 

1.