**1.首先选择左侧自定义窗口树节点:** ![](https://img.kancloud.cn/97/c2/97c290017bc4c98ff28c51a6620e6ad6_752x202.png) **2.然后右键弹出菜单选择新增(或者工具条选择新增按钮):** ![](https://img.kancloud.cn/75/31/7531bf785fec77a52acd42c5ea73e893_404x304.png) **3.针对新增的窗口设计属性:** ![](https://img.kancloud.cn/75/e8/75e82fd2577811827482dca433fdc439_804x559.png) 资源库名称:指定窗口的背景素材来源 图片序号:指定窗口素材的序号 图片截止序号:当背景是一组动画时,输入这个动画的截止序号,图片序号则为动画的起始序号 图片显示间隔时间:当背景是动画是有效,指定每一帧的显示时间 鼠标按下时图片序号:当鼠标点击的时候的图片序号 左边距离:窗口与客户端窗口左边的距离 顶边距离:窗口与客户端窗口顶边的距离 宽度:窗口宽度 高度:窗口高度 点击音效:鼠标点击的时候的声音 透明显示:是否透明绘制(这个一般不去设置,默认为透明) 混合输出模式:暂时不用设置 窗口显示位置:窗口默认打开的时候位于客户端界面的位置。这个位置会计算左边距离和顶边距离 窗口可移动:设置后可以移动窗口 允许ESC关闭窗口:设置后客户端按下ESC的时候该窗口可以被关闭 文本内容->顶部、左边距离:是文本输出位置位于本窗口的上边距 启用界面道具控制组件:启用后,本窗口可以控制物品放入 界面道具重置方式:当界面放入道具后,在何时将道具返回到背包 **4.加入界面子组件(选择窗口节点下的界面子元素,操作区点右键或工具栏点新增):** ![](https://img.kancloud.cn/a4/c5/a4c5ee4ee06c84131056614699c8b4e9_635x153.png) **5.设置界面子组件类型:** ![](https://img.kancloud.cn/21/c8/21c88f049f170186a85a42be6253b4e8_652x154.png) 界面子组件目前支持3种:按钮、标签及面板。标签用来显示文本,面板则是一个纯显示素材的板,按钮则可用来处理点击事件 **6.设置子组件属性:** 3种子组件的基础属性和窗口的属性是一致的。不同点在于按钮和标签都有一个标题属性和鼠标提示属性 ![](https://img.kancloud.cn/43/70/43700f82957026c81e2b9dea46821f7b_420x96.png) 标题用来在显示标题内容,鼠标提示则是当鼠标移到这个组件的时候显示的提示信息 同时按钮还有一个**事件触发**属性: ![](https://img.kancloud.cn/24/f1/24f16ca7d5c04813a1c3a2eb46376d7e_354x57.png) >[info] 事件触发分为3种: > **执行脚本**:事件关联值输入脚本中的某段脚本内容,格式为:@单元名.函数名(参数...),参数可省略。 > 如:@Q1.DoSendMessage 或 @Q1.SendMessage(大家好),当按钮被点击的时候会执行单元Q1中的函数SendMessage > **关闭窗口**:当事件关联值输入了一个窗口的名字的时候,则关闭这个窗口;如没有输入窗口名的时候则关闭按钮所在的窗口 > **打开窗口**:当事件输入一个窗口名且该窗口没被打开的时候,则打开这个窗口;对本窗口无效,本窗口此时已被打开 >[danger] 注意:执行脚本的时候,事件关联值输入可以是包含脚本单元名的也可以是不包含的,为了事件相应准确请设置脚本单元名