如何利用Flash Builder4.0创建MenuBar

2025-12-04 10:03:31

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢