网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何利用Flash Builder4.0创建ButtonBar

时间:2024-10-23 20:50:56

1、首先,在新创建的Flex项目中的src默认包下,新建Flex应用程序“ButtonBar.mxml”,如下图所示:

如何利用Flash Builder4.0创建ButtonBar

2、切换窗口,找到组件视图,如下图所示:

如何利用Flash Builder4.0创建ButtonBar

3、在组件视图中,找到导航器控件“ButtonBar”,并将其拖放到设计视图上,如下图所示:

如何利用Flash Builder4.0创建ButtonBar

4、切换到源代码编辑窗口,代码如下<s:ButtonBar id="buttonBar" x="187" y="107" width="550" requireSelection="true"> <s:dataProvider> <s:ArrayCollection source="['Monday', 'Tuesday', 'Wednesday','Thursday','Friday','Saturday','Sunday']" /> </s:dataProvider> </s:ButtonBar>如下图所示:

如何利用Flash Builder4.0创建ButtonBar

5、在ButtonBar中添加change事件import mx.controls.Alert; import spark.events.IndexChangeEvent; protected function buttonBar_changeHandler(event:IndexChangeEvent):void { Alert.show(buttonBar.selectedItem); }如下图所示:

如何利用Flash Builder4.0创建ButtonBar

6、点击ButtonBar,会弹出每个被选中的值,如下图所示:

如何利用Flash Builder4.0创建ButtonBar
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com