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

核心提示： 五、LinkButton组件LinkButton组件和Button的使用基本是一样的，详细请参照Button组件，走近Flex组件系列(三)：按扭组件（Button,CheckBox,LinkBar,LinkButton,PopUpButton,RadioButton,ToggleBut

五、LinkButton组件

LinkButton组件和Button的使用基本是一样的，详细请参照Button组件，LinkButton的mxml编码如下：

1　<mx:LinkButton　x="499"　y="41"　label="LinkButton"　icon="@Embed('Images/icon.png')"/>

六、PopUpButton组件

PopUpButton组件一般使用得不是很多，单独使用没有多大的意义，通常都是与其他的组件(如菜单--Menu)一起配合使用,实现的功能有点类似与ComBoBox的效果，详细请参考下面mxml定义：

1　　　　　<mx:PopUpButton　x="125"　y="425"　id="popUp"　
2　　　　　　　　　creationComplete="initPopUpButton()"　width="76">
3　　　　　</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):void
16　{
17　　　　　var　label:String　=　evt.item.lebel;
18　　　　　popUp.label　=　label;
19　　　　　popUp.close();
20　　　　　m.selectedIndex　=　evt.index;
21　}