在Flex2中,大家是否发现MenuBar的背景与边框是不能去掉的,其实这是因为MenuBar的缺省的backgroundSkin属性使用的是mx.skins.halo.MenuBarBackgroundSkin,不管您怎么设置,该skin都会绘制背景以及边框,所以我们不能去掉MenuBar的边框。
既然这样的话,要去掉边框,只需要不使用该Skin就可以,所以我们自定义了一个Skin:MenuBarNoBorderFillSkin,该Skin什么都不做,只是用来替代MenuBarBackgroundSkin而已。
MenuBarNoBorderFillSkin.as:
packagecom.eshangrao.skin{另外,使用了MenuBarNoBorderFillSkin以后,MenuBar的菜单栏不再根据鼠标移动显示不同的选择状态了,所以我们又做了个MenuBarActiveSkin类来响应鼠标,然后将MenuBar的itemDownSkin和itemOverSkin属性MenuBarActiveSkin,这样菜单栏就可以显示不同的状态。
importmx.skins.ProgrammaticSkin;
importflash.display.Graphics;
publicclassMenuBarNoBorderFillSkinextendsProgrammaticSkin{
publicfunctionMenuBarNoBorderFillSkin(){
super();
}
}
}
MenuBarActiveSkin.as:
importmx.skins.ProgrammaticSkin;
importflash.display.Graphics;
importmx.utils.ColorUtil;
publicclassMenuBarActiveSkinextendsProgrammaticSkin{
publicfunctionMenuBarActiveSkin(){
super();
}
overrideprotectedfunctionupdateDisplayList(w:Number,h:Number):void{
varbackgroundAlpha:Number=getStyle("backgroundAlpha");
varrollOverColor:uint=getStyle("rollOverColor");
graphics.clear();
drawRoundRect(0,0,w,h,5,rollOverColor,backgroundAlpha);
}
}
}
测试代码如下: