千文详述Cocos Creator弹出式对话框实现技术，着实硬核！

正文

在Cocos Creator游戏开发中，经常需要使用到弹出式对话框，下面我们就一起来封装下自己的弹出式对话框。

一、弹出式对话框原理解析

1:对话框的结构:

1.  `根节点 -->`

2.  `mask: 全屏的单色精灵，监听事件，关闭对话框;`

3.  `dlg 与它的孩子: 对话框的内容,监听事件，挡住不让他传递到mask节点上;`

4.  `弹出时动画:`

5.  `mask: 渐变进来;`

6.  `对话框内容缩放,并加上easing缓动对象;`

7.  `收起时动画:`

8.  `mask: 渐变出去;`

9.  `对话框内容缩小，并加上easing 缓动对象;`

2: 对话框组件脚本

1.  `(1)show_dlg`

2.  `(2)hide_dlg`

二、弹出式对话框控制组件

1.  `const {ccclass, property} = cc._decorator;`

3.  `@ccclass`

4.  `export default class PopDialogCtrl extends cc.Component {`

5.  `    @property({type:cc.Node, tooltip:"弹出式对话框的遮罩节点"})`

6.