任务16：Dialog弹出对话框组件的基本使用

一、任务目标

任务15的内容还在更新中，这次提前出任务16是因为Dialog这个组件较为重要，使用的频率也较高。LayaAir提供的Dialog组件有如下特点：

• 作为父容器，创建出来后可以容纳其他组件
• 可以设置拖拽区域，进行全屏幕拖拽
• 子组件中任意按钮如果按照一定的规则命名，那么点击该子组件就可以实现关闭Dialog，不用添加任何事件监听器

二、任务分解

2.1 基础属性学习

• 这里注意，刚创建出来时宽度和高度都是0，可以根据自己需要修改，这里为了演示，直接修改为200，100。除此之外，轴心点决定着弹出时是从那个点开始缩放的，建议设置为中心，可以直接拖拽如图小黄点，将其拖拽到中心点即可，也可以在属性面板设置位置。
• dragArea拖拽区域，四个输入，中间用逗号隔开，前两个代表起始点，后两个代表终结点，例如0,0,1136,640
• isShowEffect是否显示弹出效果，默认为true，也可以通过代码修改全局弹出效果，在DialogManger管理类中设置，详见该类API
• isPopupCenter是否居中弹出，默认为true
• sceneColor参考背景色，为了方便IDE中查看，可以设置背景色，实际运行中没有效果
• autoDestroyAt执行后是否销毁，默认false

2.2 Dialog案例

利用代码实现：点击一个按钮时打开对话框，且处于打开状态时不能重复打开，项目运行时对话框不会自动弹出。

export default class dialog_test extends Laya