Dialog 组件是一个弹出对话框。
*
* @example 以下示例代码，创建了一个 Dialog 实例。
* 如果值为true，则居中弹出。
*/ public var popupCenter:Boolean = true; /** * 对话框被关闭时会触发的回调函数处理器。 * *回调函数参数为用户点击的按钮名字name:String。
*/ public var closeHandler:Handler; /** * @private (protected) * 一个Rectangle 矩形对象，用来指定对话框的拖拽区域。
*/
protected var _dragArea:Rectangle;
/**@inheritDoc */
override protected function initialize():void {
var dragTarget:Sprite = getChildByName("drag") as Sprite;
if (dragTarget) {
dragArea = dragTarget.x + "," + dragTarget.y + "," + dragTarget.width + "," + dragTarget.height;
dragTarget.removeSelf();
}
on(Event.CLICK, this, onClick);
}
/**
* @private (protected)
* 对象的 Event.CLICK 点击事件侦听处理函数。
*/
protected function onClick(e:Event):void {
var btn:Button = e.target as Button;
if (btn) {
switch (btn.name) {
case CLOSE:
case CANCEL:
case SURE:
case NO:
case OK:
case YES:
close(btn.name);
break;
}
}
}
/**
* 显示对话框（以非模式窗口方式显示）。
* @param closeOther 是否关闭其它的对话框。若值为true则关闭其它对话框。
*/
public function show(closeOther:Boolean = false):void {
manager.show(this, closeOther);
}
/**
* 显示对话框（以模式窗口方式显示）。
* @param closeOther 是否关闭其它的对话框。若值为true则关闭其它对话框。
*/
public function popup(closeOther:Boolean = false):void {
manager.popup(this, closeOther);
}
/**
* 关闭对话框。
* @param type 如果是点击默认关闭按钮触发，则传入关闭按钮的名字(name)，否则为null。
*/
public function close(type:String = null):void {
manager.close(this);
closeHandler && closeHandler.runWith(type);
}
/**关闭所有对话框。*/
public static function closeAll():void {
manager.closeAll();
}
/**
* 用来指定对话框的拖拽区域。默认值为"0,0,0,0"。
* 格式：构成一个矩形所需的 x,y,width,heith 值，用逗号连接为字符串。 * 例如："0,0,100,200"。 *
* * @see #includeExamplesSummary 请参考示例 * @return */ public function get dragArea():String { if (_dragArea) return _dragArea.toString(); return null; } public function set dragArea(value:String):void { if (value) { var a:Array = UIUtils.fillArray([0, 0, 0, 0], value, Number); _dragArea = new Rectangle(a[0], a[1], a[2], a[3]); on(Event.MOUSE_DOWN, this, onMouseDown); } else { _dragArea = null; off(Event.MOUSE_DOWN, this, onMouseDown); } } /** * @private */ private function onMouseDown(e:Event):void { var point:Point = this.getMousePoint(); if (_dragArea.contains(point.x, point.y)) this.startDrag(); else this.stopDrag(); } /** * 弹出框的显示状态；如果弹框处于显示中，则为true，否则为false; * @return */ public function get isPopup():Boolean { return parent != null; } } } import laya.display.Sprite; import laya.display.Stage; import laya.events.Event; import laya.ui.Dialog; /** *DialogManager 类用来管理对话框。
*/
class DialogManager extends Sprite {
public var dialogLayer:Sprite = new Sprite();
public var modalLayer:Sprite = new Sprite();
private var _stage:Stage;
/**
* 创建一个新的 DialogManager 类实例。
*/
public function DialogManager() {
this.mouseEnabled = dialogLayer.mouseEnabled = modalLayer.mouseEnabled = true;
addChild(dialogLayer);
_stage = Laya.stage;
_stage.addChild(this);
_stage.on(Event.RESIZE, this, onResize);
onResize(null);
}
/**
* @private
* 舞台的 Event.RESIZE 事件侦听处理函数。
* @param e
*/
private function onResize(e:Event):void {
var width:Number = modalLayer.width = _stage.width;
var height:Number = modalLayer.height = _stage.height;
modalLayer.graphics.clear();
modalLayer.graphics.alpha(UIConfig.popupBgAlpha);
modalLayer.graphics.drawRect(0, 0, width, height, UIConfig.popupBgColor);
modalLayer.graphics.alpha(1);
for (var i:int = dialogLayer.numChildren - 1; i > -1; i--) {
var item:Dialog = dialogLayer.getChildAt(i) as Dialog;
if (item.popupCenter) {
item.x = (width - item.width) * 0.5;
item.y = (height - item.height) * 0.5;
}
}
for (i = modalLayer.numChildren - 1; i > -1; i--) {
item = modalLayer.getChildAt(i) as Dialog;
if (item.isPopup) {
if (item.popupCenter) {
item.x = (width - item.width) * 0.5;
item.y = (height - item.height) * 0.5;
}
}
}
}
/**
* 显示对话框(非模式窗口类型)。
* @param dialog 需要显示的对象框 Dialog 实例。
* @param closeOther 是否关闭其它对话框，若值为ture，则关闭其它的对话框。
*/
public function show(dialog:Dialog, closeOther:Boolean = false):void {
if (closeOther) dialogLayer.removeChildren();
if (dialog.popupCenter) {
dialog.x = (_stage.width - dialog.width) * 0.5;
dialog.y = (_stage.height - dialog.height) * 0.5;
}
dialogLayer.addChild(dialog);
event(Event.OPEN);
}
/**
* 显示对话框(模式窗口类型)。
* @param dialog 需要显示的对象框 Dialog 实例。
* @param closeOther 是否关闭其它对话框，若值为ture，则关闭其它的对话框。
*/
public function popup(dialog:Dialog, closeOther:Boolean = false):void {
if (closeOther) modalLayer.removeChildren();
if (dialog.popupCenter) {
dialog.x = (_stage.width - dialog.width) * 0.5;
dialog.y = (_stage.height - dialog.height) * 0.5;
}
modalLayer.addChild(dialog);
addChild(modalLayer);
event(Event.OPEN);
}
/**
* 关闭对话框。
* @param dialog 需要关闭的对象框 Dialog 实例。
*/
public function close(dialog:Dialog):void {
dialog.removeSelf();
if (modalLayer.numChildren === 0) {
modalLayer.removeSelf();
} else {
showFirst();
}
event(Event.CLOSE);
}
/**
* @private
*/
private function showFirst():void {
for (var i:int = 0, n:int = modalLayer.numChildren - 1; i <= n; i++) {
(modalLayer.getChildAt(i) as Sprite).visible = i === n;
}
}
/**
* 关闭所有的对话框。
*/
public function closeAll():void {
dialogLayer.removeChildren();
modalLayer.removeChildren();
modalLayer.removeSelf();
event(Event.CLOSE);
}
}