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

使用Artwork向导生成Menu样式

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

评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭