Flex组件篇:Button

原创 2006年05月25日 11:55:00

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

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

 

1.


添加按钮图标
Flex
中允许在编译的时候和运行的时候导入图片,但是按钮图标必须在编译的时候导入。必须使用@Embed语法在icon属性中,在Flex中可以支持JPEGGIFSVGSWF 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.

 

利用Adobe Flash Catalyst CS5.5制作Flex组件皮肤(Button)实例

利用Adobe FlashCatalyst CS5.5制作Flex组件皮肤(Button)实例   下面是进行button皮肤制作的其中一个方法及步骤 注意事项:1、Catalyst5.5导出的fxp...
  • neil89
  • neil89
  • 2013年09月27日 10:27
  • 2803

【Flex4.6】TabBar组件运用【华丽篇】

flex flex组件 TabBar组件运用,导航组件的切换
  • dlamwz
  • dlamwz
  • 2015年09月06日 00:14
  • 276

浅淡FLEX spark组件-容器篇

前台什么的做多了,对做FLEX有些排斥,但这样很不好。既然决定想做游戏了,那只能继续下去。 于是我又装上了UBUNTU,花了一整天把FLEX SDK和FLEX IN MYECLIPSE给配了起来,总...

Flex垂直button

  • 2014年07月28日 18:56
  • 369KB
  • 下载

Flex中的CSS: (3)CSS会被编译器转换为什么样的AS代码--交集:s|Button#btn

解说: s|Button#btn            这种形式的CSS将作用在id为btn的按钮上。其他的按钮不受影响。 s|Button.MyStyle      这种形式的CSS将作用在指定...
  • tiangej
  • tiangej
  • 2012年06月13日 22:51
  • 719

flex重载Button 文本自动换行

  • 2009年12月31日 15:19
  • 2KB
  • 下载

flex button的label字体垂直显示

  • 2010年09月13日 14:23
  • 17KB
  • 下载

pure actionscript3 button in flex ,

css: .battlePropButton { upSkin: Embed(source="assets/battle/bat_prop1.png"); overSkin: Embed(so...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex组件篇:Button
举报原因:
原因补充:

(最多只允许输入30个字)