Flex3:无边框透明背景MenuBar实现
来源:互联网 发布:编程对电脑配置的要求 编辑:程序博客网 时间:2024/05/16 13:38
在Flex3中,大家是否发现MenuBar的背景与边框是不能去掉的,其实这是因为MenuBar的缺省的backgroundSkin属性使用的是mx.skins.halo.MenuBarBackgroundSkin,不管您怎么设置,该skin都会绘制背景以及边框,所以我们不能去掉MenuBar的边框。
既然这样的话,要去掉边框,只需要不使用该Skin就可以,所以我们自定义了一个Skin:MenuBarNoBorderFillSkin,该Skin什么都不做,只是用来替代MenuBarBackgroundSkin而已。
MenuBarNoBorderFillSkin.as:
package com.eshangrao.skin{ import mx.skins.ProgrammaticSkin; import flash.display.Graphics; public class MenuBarNoBorderFillSkin extends ProgrammaticSkin{ public function MenuBarNoBorderFillSkin(){ super(); } }}另外,使用了MenuBarNoBorderFillSkin以后,MenuBar的菜单栏不再根据鼠标移动显示不同的选择状态了,所以我们又做了个MenuBarActiveSkin类来响应鼠标,然后将MenuBar的itemDownSkin和itemOverSkin属性MenuBarActiveSkin,这样菜单栏就可以显示不同的状态。
MenuBarActiveSkin.as:
package com.eshangrao.skin{
import mx.skins.ProgrammaticSkin;
import flash.display.Graphics;
import mx.utils.ColorUtil;
public class MenuBarActiveSkin extends ProgrammaticSkin{
public function MenuBarActiveSkin(){
super();
}
override protected function updateDisplayList(w:Number, h:Number):void{
var backgroundAlpha:Number = getStyle("backgroundAlpha");
var rollOverColor:uint=getStyle("rollOverColor");
graphics.clear();
drawRoundRect(0,0,w,h,5,rollOverColor,backgroundAlpha);
}
}
}
import mx.skins.ProgrammaticSkin;
import flash.display.Graphics;
import mx.utils.ColorUtil;
public class MenuBarActiveSkin extends ProgrammaticSkin{
public function MenuBarActiveSkin(){
super();
}
override protected function updateDisplayList(w:Number, h:Number):void{
var backgroundAlpha:Number = getStyle("backgroundAlpha");
var rollOverColor:uint=getStyle("rollOverColor");
graphics.clear();
drawRoundRect(0,0,w,h,5,rollOverColor,backgroundAlpha);
}
}
}
测试代码如下:
<mx:MenuBarlabelField="@label" dataProvider="{menubarXML.menuitem}" width="100%"backgroundSkin="com.eshangrao.skin.MenuBarNoBorderFillSkin"itemDownSkin="com.eshangrao.skin.MenuBarActiveSkin"itemOverSkin="com.eshangrao.skin.MenuBarActiveSkin"/>
查看示例|查看完整源代码
- Flex3:无边框透明背景MenuBar实现
- Dialog背景透明无边框
- Android Dialog背景全透明无边框
- dialog的全透明无边框背景
- Android Dialog背景全透明 无边框
- 用Qt实现窗体的无边框、可移动、透明不规则显示(需背景透明的图片)
- 用Qt实现窗体的无边框、可移动、透明不规则显示(需背景透明的图片)
- textarea无边框文本透明背景文本样式
- Qt中设置QML窗体无边框和背景透明
- Android 设置dialog背景全透明无边框
- Android Dialog背景全透明无边框 Theme Style
- Android Dialog背景全透明无边框 Theme Style
- Qt开发:无边框异形窗口,透明背景,可移动
- Android Dialog背景全透明无边框 Theme Style
- Android 设置dialog背景全透明无边框
- 界面自定义按钮,带图标无边框背景透明按钮
- iframe透明无边框
- flex 透明MenuBar效果的实现
- typedef用法总结
- INADDR_ANY 的用法
- jQuery使用手册
- 腹肌锻炼视频(01):四种方法打造完美腹肌
- 设计模式 (三)抽象工厂模式(AbstractFactory)
- Flex3:无边框透明背景MenuBar实现
- HDU 1236 ( 排名 )
- RedHat/CentOS发行版本号及内核版本号对照表
- 腹肌锻炼视频(02):八种基本动作
- SCP 远程拷贝
- Android 开发指南以及翻译API等
- Java桌面程序多次被打开时显示已运行的程序的窗口
- 准妈妈化妆同样没问题
- 程序员职业规划