修改MenuBar的样式

在Flex 3的系列组件中，MenuBar(菜单栏)应该是样式最复杂的之一，本实例的目标是制作一个黑背景白图标的菜单栏。

记住，菜单栏的样式包括顶级菜单项和其子菜单的样式。对于顶级菜单项的样式，值得一提的是，本例设定了themeColor，从而实现了鼠标移到菜单栏时的风格由默认的蓝色改为灰色。

子菜单的样式比较复杂，主要是因为菜单项的图标比较多，要将这些图标用白色填充，最方便的是用导入SWF或SWC资源的办法。具体步骤如下：

• 用Flash CS3(或以上版本)打开Flex Builder 3安装目录下的Flex 3组件默认的资源文件，以我的电脑不例，打开D:\Java\Flex Builder 3 Plug-in\sdks\3.2.0\frameworks\projects\haloclassic\assets\Assets.fla。
• 将MenuAssets电影剪辑拖入新建的Flash文件的库中，打开该电影剪辑将其正常状态下的菜单项的图标用白色填充。
• 将MenuAssets导出为swc并放置到工程文件的libs目录下，这样可以方便修改。Flash Builder 4有更简单的办法，见 http://www.riafan.com/article.asp?id=172
• 在Flex Builder 3中使用Artwork向导生成Menu样式。如下图：

查看本实例的效果:http://www.riafan.com/flex/menubarcss

下载本实例的源码:http://www.riafan.com/flex/menubarcss/srcview/menubarcss.zip