修改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/flash-builder-4-intergrate-flash
  • 在Flex Builder 3中使用Artwork向导生成Menu样式。如下图:

使用Artwork向导生成Menu样式

点击此处查看本实例的效果,点击此处下载本实例的源码。

发表评论