走近Flex组件系列（三）：按扭组件

走近Flex组件系列（三）：按扭组件2010-06-21 cnblogs Beniao走近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 }