js玩具——UI组件：Mask 遮罩层

 

/*
 *	遮罩层
 *	author: 吴安国
 * version: 1.0
 */
function Mask() {	
	this.mask = null;
}

Mask.isCreate = false;

/**
 * 创建遮罩层
 * @param opacity 透明度
 */
Mask.createMask = function(opacity) {
	var frame = Frame.frame;
		
	this.mask = new Panel();
	
	if(!Mask.isCreate) {
		
		this.mask.setOpacity(opacity);
		Frame.zIndex++;
		Mask.isCreate = true;
	}
 
	this.mask.setPosition("absolute");
	this.mask.setZIndex(Frame.zIndex);
	
	var frameSize = frame.getSize();
	
	//var height = (frame.getSize().getHeight() - parseInt(margin.getInsetsTop()) * 2)/frame.getClientSize().getHeight() * 100 + "%";
	this.mask.setSize(frameSize.getWidth(), frameSize.getHeight());

	this.mask.setPoint(new Point(0, 0));
	
	this.mask.setBackgroundColor(Color.WHITE);
	
	frame.addView(this.mask);
};

/**
 * 关闭遮罩层
 */
Mask.close = function() {
	Frame.frame.removeView(this.mask);
	Mask.isCreate = false;
};