API Docs for: 1.10.1 最后更新日期：2016年03月28日
Google搜索   
Show:

File: lib/ui/LButtonSample-0.1.0.js

/** @language chinese
 * <p>lufylegend.js专用UI，按钮类。</p>
 * <p>使用时需要引进lufylegend.ui-x.x.x.js文件。</p>
 * @class UI:LButtonSample1
 * @constructor
 * @extends LSprite
 * @param {String} name 按钮文字。
 * @param {int} size [可选]按钮文字的大小。
 * @param {String} font [可选]按钮文字的格式。
 * @param {String} color [可选]按钮文字的颜色。
 * @since 0.1.0
 * @examplelink <p><a href="../../../api/ui/LButtonSampleX.html" target="_blank">测试链接</a></p>
 * @public
 */
var LButtonSample1 = (function () {
	function LButtonSample1 (name, size, font, color) {
		var s = this;
		if (!size) {
			size = 16;
		}
		if (!color) {
			color = "#FFFFFF";
		}
		if (!font) {
			font = "Arial";
		}
		/** @language chinese
		 * 按钮的颜色
		 * @property backgroundColor
		 * @type String
		 * @since 0.1.0
		 * @public
		 */
		s.backgroundColor = "#000000";
		var btn_up = new LSprite();
		btn_up.shadow = new LSprite();
		btn_up.back = new LSprite();
		btn_up.addChild(btn_up.shadow);
		btn_up.addChild(btn_up.back);
		labelText = new LTextField();
		labelText.color = color;
		labelText.font = font;
		labelText.size = size;
		labelText.x = size * 0.5;
		labelText.y = size * 0.5;
		labelText.text = name;
		s.labelText = labelText;
		btn_up.back.addChild(labelText);
		var shadow = new LDropShadowFilter(4, 45, "#000000", 10);
		btn_up.shadow.filters = [shadow];
		var btn_down = new LSprite();
		btn_down.x = btn_down.y = 1;
		labelText = labelText.clone();
		btn_down.addChild(labelText);
		var btn_disable = btn_down.clone();
		btn_disable.alpha = 0.5;
		LExtends(s, LButton, [btn_up, btn_down, null, btn_disable]);
		s.type = "LButtonSample1";
		/** @language chinese
		 * 按钮的宽度
		 * @property width
		 * @type int
		 * @since 0.1.0
		 * @public
		 */
		s.baseWidth = s.width = labelText.getWidth() + size;
		/** @language chinese
		 * 按钮的高度
		 * @property height
		 * @type int
		 * @since 0.1.0
		 * @public
		 */
		s.baseHeight = s.height = 2.2 * size;
		s.backgroundSet = null;
		s.widthSet = null;
		s.heightSet = null;
		s.xSet = null;
		s.ySet = null;
		s.addEventListener(LEvent.ENTER_FRAME, s._onDraw);
	}
	LButtonSample1.prototype.clone = function () {
		var s = this, name = s.labelText.text, size = s.labelText.size, font = s.labelText.font, color = s.labelText.color,
		a = new LButtonSample1(name, size, font, color);
		a.backgroundColor = s.backgroundColor;
		a.x = s.x;
		a.y = s.y;
		return a;
	};
	/** @language chinese
	 * 设置按钮文字。
	 * @method setLabel
	 * @param {String} text 按钮文字。
	 * @since 0.1.0
	 * @public
	 */
	LButtonSample1.prototype.setLabel = function (text) {
		var s = this;
		s.bitmap_over.getChildAt(0).text = s.bitmap_up.back.getChildAt(0).text = text;
		s.baseWidth = s.width = s.bitmap_up.back.getChildAt(0).getWidth() + s.bitmap_up.back.getChildAt(0).size;
		s.backgroundSet = null;
	};
	LButtonSample1.prototype._onDraw = function (s) {
		var co = s.getRootCoordinate(), labelText;
		if (s.backgroundSet == s.backgroundColor && s.widthSet == s.width && s.heightSet == s.height && s.xSet == co.x && s.ySet == co.y) {
			return;
		}
		s.backgroundSet = s.backgroundColor;
		s.widthSet = s.width > s.baseWidth ? s.width : s.baseWidth;
		s.heightSet = s.height > s.baseHeight ? s.height : s.baseHeight;
		s.width = s.widthSet;
		s.height = s.heightSet;
		s.xSet = co.x;
		s.ySet = co.y;
		labelText = s.bitmap_up.back.getChildAt(0);
		labelText.x = (s.width - s.baseWidth + labelText.size) * 0.5;
		labelText.y = (s.height - s.baseHeight + labelText.size) * 0.5;
		labelText = s.bitmap_over.getChildAt(0);
		labelText.x = (s.width - s.baseWidth + labelText.size) * 0.5;
		labelText.y = (s.height - s.baseHeight + labelText.size) * 0.5;
		var grd = LGlobal.canvas.createLinearGradient(0, -s.height * 0.5, 0, s.height * 2);
		grd.addColorStop(0, "#FFFFFF");
		grd.addColorStop(1, s.backgroundColor);
		var grd2 = LGlobal.canvas.createLinearGradient(0, -s.height, 0, s.height * 2);
		grd2.addColorStop(0, "#FFFFFF");
		grd2.addColorStop(1, s.backgroundColor);
		s.bitmap_up.back.graphics.clear();
		s.bitmap_over.graphics.clear();
		s.bitmap_up.shadow.graphics.clear();
		s.bitmap_up.shadow.graphics.drawRoundRect(0, "#000000", [1, 1, s.widthSet - 2, s.heightSet - 2, s.heightSet * 0.1], true, "#000000");
		s.bitmap_up.back.graphics.drawRect(1, s.backgroundColor, [0, 0, s.widthSet, s.heightSet], true, grd);
		s.bitmap_up.back.graphics.drawRect(0, s.backgroundColor, [1, s.heightSet * 0.5, s.widthSet - 2, s.heightSet * 0.5 - 1], true, grd2);
		s.bitmap_over.graphics.drawRect(1, s.backgroundColor, [0, 0, s.widthSet, s.heightSet], true, grd);
		s.bitmap_over.graphics.drawRect(0, s.backgroundColor, [1, s.heightSet * 0.5, s.widthSet - 2, s.heightSet * 0.5 - 1], true, grd2);
		s.disableState.graphics.drawRect(1, s.backgroundColor, [0, 0, s.widthSet, s.heightSet], true, grd);
		s.disableState.graphics.drawRect(0, s.backgroundColor, [1, s.heightSet * 0.5, s.widthSet - 2, s.heightSet * 0.5 - 1], true, grd2);
	};
	return LButtonSample1;
})();
/** @language chinese
 * <p>lufylegend.js专用UI，按钮类。</p>
 * <p>使用时需要引进lufylegend.ui-x.x.x.js文件。</p>
 * @class UI:LButtonSample2
 * @constructor
 * @extends LSprite
 * @param {String} name 按钮文字。
 * @param {int} size 按钮文字的大小。
 * @param {String} font 按钮文字的格式。
 * @param {String} color 按钮文字的颜色。
 * @since 0.1.0
 * @examplelink <p><a href="../../../api/ui/LButtonSampleX.html" target="_blank">测试链接</a></p>
 * @public
 */
var LButtonSample2 = (function () {
	function LButtonSample2 (name, size, font, color) {
		var s = this;
		LExtends(s, LButtonSample1, [name, size, font, color]);
		s.type = "LButtonSample2";
	}
	LButtonSample2.prototype.clone = function () {
		var s = this, name = s.labelText.text, size = s.labelText.size, font = s.labelText.font, color = s.labelText.color,
		a = new LButtonSample2(name, size, font, color);
		a.backgroundColor = s.backgroundColor;
		a.x = s.x;
		a.y = s.y;
		return a;
	};
	LButtonSample2.prototype._onDraw = function (s) {
		var co = s.getRootCoordinate(), labelText;
		if (s.backgroundSet == s.backgroundColor && s.widthSet == s.width && s.heightSet == s.height && s.xSet == co.x && s.ySet == co.y) {
			return;
		}
		s.backgroundSet = s.backgroundColor;
		s.widthSet = s.width > s.baseWidth ? s.width : s.baseWidth;
		s.heightSet = s.height > s.baseHeight ? s.height : s.baseHeight;
		s.width = s.widthSet;
		s.height = s.heightSet;
		s.xSet = co.x;
		s.ySet = co.y;
		labelText = s.bitmap_up.back.getChildAt(0);
		labelText.x = (s.width - s.baseWidth + labelText.size) * 0.5;
		labelText.y = (s.height - s.baseHeight + labelText.size) * 0.5;
		labelText = s.bitmap_over.getChildAt(0);
		labelText.x = (s.width - s.baseWidth + labelText.size) * 0.5;
		labelText.y = (s.height - s.baseHeight + labelText.size) * 0.5;
		var grd = LGlobal.canvas.createLinearGradient(0, -s.height * 0.5, 0, s.height * 2);
		grd.addColorStop(0, "#FFFFFF");
		grd.addColorStop(1, s.backgroundColor);
		var grd2 = LGlobal.canvas.createLinearGradient(0, -s.height, 0, s.height * 2);
		grd2.addColorStop(0, "#FFFFFF");
		grd2.addColorStop(1, s.backgroundColor);
		s.bitmap_up.back.graphics.clear();
		s.bitmap_over.graphics.clear();
		s.bitmap_up.shadow.graphics.clear();
		s.bitmap_up.back.graphics.drawRoundRect(1, s.backgroundColor, [0, 0, s.width, s.height, s.height * 0.1], true, grd);
		s.bitmap_up.back.graphics.drawRoundRect(0, s.backgroundColor, [1, s.height * 0.5, s.width - 2, s.height * 0.5 - 1, s.height * 0.1], true, grd2);
		s.bitmap_over.graphics.drawRoundRect(1, s.backgroundColor, [0, 0, s.width, s.height, s.height * 0.1], true, grd);
		s.bitmap_over.graphics.drawRoundRect(0, s.backgroundColor, [1, s.height * 0.5, s.width - 2, s.height * 0.5 - 1, s.height * 0.1], true, grd2);
		s.disableState.graphics.drawRoundRect(1, s.backgroundColor, [0, 0, s.width, s.height, s.height * 0.1], true, grd);
		s.disableState.graphics.drawRoundRect(0, s.backgroundColor, [1, s.height * 0.5, s.width - 2, s.height * 0.5 - 1, s.height * 0.1], true, grd2);
	};
	return LButtonSample2;
})();