修改MenuBar的样式
作者:Flying 日期:2009-10-28
在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样式。如下图:

上一篇: Flash Builder 4中Data Centric Development的功能改进
下一篇: SuperTabNavigator的一个Bug
文章来自: 本站原创
Tags: Control Skinning CSS
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论

