走近Flex组件系列(三)：按扭组件

走近Flex组件系列(三)：按扭组件（Button,CheckBox,LinkBar,LinkButton,PopUpButton,RadioButton,ToggleButtonBar）

本文主要介绍Flex的Button、ButtonBar、CheckBox、LinkBar、LinkButton、PopUpButton、RadioButton、RadioButtonGroup和ToggleButtonBar组件，这些组件是非常基础的组件，如果你是学习过Flex组件的可以飘过，本文主要是针对Flex组件的初学者，希望对Flex组件陌生的朋友起到一定的帮助作用。

一、Button组件

以上是Button的编程模型：

1　<mx:Button　x="341"　y="24"　label="Button"　height="56"　width="104"
2　　　　　enabled="true"　fontSize="14"　labelPlacement="right"
3　　　　　id="btn"　click="onClick()">
4　</mx:Button>

从上面可以看到Button有很多的属性，我们只需要了解几个关键的常用属性便OK。如下常用属性：

1、emphasized：获取或设置一个布尔值，指示当按钮处于弹起状态时，Button 组件周围是否绘有边框。默认为：false

2、Label:按扭上显示的文本。

3、Icon:按扭上显示的图标。如：icon="@Embed('Images/mm-icon.png')"

4、click:按扭的监听单击事件所的方法。除了click也可以监听它的其他识见，如mouseMove、mouseOver、mouseOut、rollOver、rollOut、mouseDown 和 mouseUp。

二、ButtonBar组件

ButtonBar组件可以理解为多个Button组件组合在一起形成的一个复合组件，其中的每一个组件也就是一个Button。

1　<mx:ButtonBar　x="100"　y="307"　id="btnBar"　itemClick="clickHandler(event)">
2　　　　　<mx:dataProvider>
3　　　　　　　　　<mx:Array>
4　　　　　　　　　　　　　<mx:String>张三</mx:String>
5　　　　　　　　　　　　　<mx:String>李四</mx:String>
6　　　　　　　　　　　　　<mx:String>王五</mx:String>
7　　　　　　　　　</mx:Array>
8　　　　　</mx:dataProvider>
9　</mx:ButtonBar>

需要记住的就是它的itemClick事件，如上代码中。

1　internal　function　clickHandler(evt:ItemClickEvent):void
2　{
3　　　　　//通过evt便可得到当前ButtonBar中的被触发Click事件的组件项
4　　　　　var　label:String　=　evt.label;
5　}