建站素材网,一级域名二级域名,专门做外包的网站,7k7k网页游戏大全本文主要介绍Flex的Button、ButtonBar、CheckBox、LinkBar、LinkButton、PopUpButton、RadioButton、RadioButtonGroup和ToggleButtonBar组件#xff0c;这些组件是非常基础的组件#xff0c;如果你是学习过Flex组件的可以飘过#xff0c;本文主要是针对Flex组件的初学者这些组件是非常基础的组件如果你是学习过Flex组件的可以飘过本文主要是针对Flex组件的初学者希望对Flex组件陌生的朋友起到一定的帮助作用。 一、Button组件 以上是Button的编程模型 1 mx:Button x341 y24 labelButton height56 width104 2 enabledtrue fontSize14 labelPlacementright 3 idbtn clickonClick()4 /mx:Button 从上面可以看到Button有很多的属性我们只需要了解几个关键的常用属性便OK。如下常用属性 1、emphasized获取或设置一个布尔值指示当按钮处于弹起状态时Button 组件周围是否绘有边框。默认为false 2、Label:按扭上显示的文本。 3、Icon:按扭上显示的图标。如iconEmbed(Images/mm-icon.png) 4、click:按扭的监听单击事件所的方法。除了click也可以监听它的其他识见如mouseMove、mouseOver、mouseOut、rollOver、rollOut、mouseDown 和 mouseUp。 二、ButtonBar组件 ButtonBar组件可以理解为多个Button组件组合在一起形成的一个复合组件其中的每一个组件也就是一个Button。 1 mx:ButtonBar x100 y307 idbtnBar itemClickclickHandler(event)2 mx:dataProvider3 mx:Array4 mx:String张三/mx:String5 mx:String李四/mx:String 6 mx:String王五/mx:String7 /mx:Array8 /mx:dataProvider9 /mx:ButtonBar 需要记住的就是它的itemClick事件如上代码中。 1 internal function clickHandler(evt:ItemClickEvent):void2 {3 //通过evt便可得到当前ButtonBar中的被触发Click事件的组件项4 var label:String evt.label;5 } 三、CheckBox组件 CheckBox组件就不用多说了做过Winform/Web程序的人都认识他他只有两种状态选中|未选中如下示例 1 mx:CheckBox x341 y120 label同意 clickonClick() selectedtrue/ 应用得最多的就是它的click事件和selected属性。 四、LinkBar组件 LinkBar组件和上面的ButtonBar很相似不同的是ButtonBar中的项全部都是有效的而LinkBar中当前只有一项有效也就是说只有一想可以点击 1 mx:LinkBar x120 y322 dataProvider{viewStack} 2 /mx:LinkBar 3 mx:ViewStack x120 y350 idviewStack width200 height87 4 mx:Canvas label语文 width100% height100% ida backgroundColor#FF9494 5 /mx:Canvas 6 mx:Canvas label数学 width100% height100% idb backgroundColor#A5DEFF 7 /mx:Canvas 8 mx:Canvas label英语 width100% height100% id backgroundColor#014DBFc 9 /mx:Canvas10 /mx:ViewStack 五、LinkButton组件 LinkButton组件和Button的使用基本是一样的详细请参照Button组件LinkButton的mxml编码如下 1 mx:LinkButton x499 y41 labelLinkButton iconEmbed(Images/icon.png)/ 六、PopUpButton组件 PopUpButton组件一般使用得不是很多单独使用没有多大的意义通常都是与其他的组件(如菜单--Menu)一起配合使用,实现的功能有点类似与ComBoBox的效果详细请参考下面mxml定义 1 mx:PopUpButton x125 y425 idpopUp 2 creationCompleteinitPopUpButton() width763 /mx:PopUpButton 通过creationComplete事件来设置协同工作的其他组件或设置其数据源等 1 private var m:Menu; 2 internal function initPopUpButton():void 3 { 4 var dp:Object [{label: 张三}, {label: 李四}, {label: 王五}]; 5 m new Menu(); 6 m.dataProvider dp; 7 m.selectedIndex 0; 8 m.addEventListener(itemClick,itemClickHandler); 9 popUp.popUp m;10 popUp.label m.dataProvider[m.selectedIndex].label; 11 }12 /**13 * 默认监听的菜单事件14 * */15 internal function itemClickHandler(evt:MenuEvent):void16 {17 var label:String evt.item.lebel;18 popUp.label label;19 popUp.close();20 m.selectedIndex evt.index;21 } 运行效果如下图 七、RadioButton组件和RadioButtonGroup组件 RadioButton组件和CheckBox组件一样在html和asp.net里也有这东西使用和asp.net里差不多如下编码 1 mx:RadioButton x352 y261 label男 selectedtrue groupNamesex/2 mx:RadioButton x408 y261 label女 groupNamesex/ 八、ToggleButtonBar组件 ToggleButtonBar组件和ButtonBar类似使用上也基本一致这里就不用介绍了。mxml编码如下 1 mx:ToggleButtonBar x369 y330 idtogButton2 mx:dataProvider3 mx:Array4 mx:String张三/mx:String5 mx:String李四/mx:String6 mx:String王五/mx:String7 /mx:Array8 /mx:dataProvider9 /mx:ToggleButtonBar 版权说明 本文属原创文章欢迎转载其版权归作者和博客园共有。 作 者Beniao 文章出处http://beniao.cnblogs.com/ 或 http://www.cnblogs.com/
