如何利用Flash Builder4.0创建MenuBar

2024-10-14 13:36:30

1、首先,在Flex项目中创建Flex应用程序,鼠标右键新建Flex应用程序,输入应用名称并单击“完成”,如下图所示:

如何利用Flash Builder4.0创建MenuBar

2、切换到设计视图模式,找到组件视图模式下的MenuBar控件,如下图所示:

如何利用Flash Builder4.0创建MenuBar

3、将MenuBar拖一个到设计视图窗口,并设置其X轴、Y轴坐标以及宽度,如下图所示:

如何利用Flash Builder4.0创建MenuBar

4、设计MenuBar需要的数据源,通过XMLList提供MenuBar数据<fx:XMLList id="treeFlower"><menuitem label="树"> <menuitem label="松树"/> <menuitem label="枫树"/> <menuitem label="樟树"/> <menuitem label="槐树"/> <menuitem label="梨树"/> <menuitem label="桃树"/></menuitem> <menuitem label="花"> <menuitem label="桃花"/> <menuitem label="梨花"/> <menuitem label="菊花"/> <menuitem label="桂花"/> <menuitem label="月季"/> <menuitem label="梅花"/></menuitem> </fx:XMLList>如下图所示:

如何利用Flash Builder4.0创建MenuBar

5、将通过MenuBar中的数据源绑定属性dataProvider="{treeFlower}"labelField="@label"将数据绑定到MenuBar如下图所示:

如何利用Flash Builder4.0创建MenuBar

6、数据源设计和绑定完后,运行该应用程序,在火狐浏览器中查看结果,如下图所示:

如何利用Flash Builder4.0创建MenuBar
猜你喜欢