Flex中Button组件如何使用
这篇文章将为大家详细讲解有关Flex中Button组件如何使用,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
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'/>
关于Flex中Button组件如何使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341