🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 编写第一个ExDirectUI 4.0窗口 #### ExDUI4.0的窗口创建流程有以下几步: 1. 初始化UI引擎,整个程序仅一次 2. 创建窗口 3. 绑定窗口 4. 创建控件 5. 挂接控件事件 6. 显示窗口 7. 消息循环,整个程序仅一次 8. 反初始化引擎,整个程序仅一次 > 本文中使用 **易语言** 进行例子的开发,其他语言流程与其类似,请举一反三进行尝试。 > **由于篇幅有限,流程中只写了命令的名称,具体传入的参数请查看命令介绍,例程中也有调用的范例。** ### 一、采用创建绑定方式编写界面 1. 打开易语言,新建程序工程。 2. 为了方便调用命令,导入exdui_helper.ec模块。 3. 初始化引擎,调用 Ex_Init 命令。 4. 注册窗口类,调用 Ex_WndRegisterClass (如果使用默认类名则无需此步)。 5. 创建窗口,调用 Ex_WndCreate 创建窗口。 6. 绑定窗口,调用 Ex_DUIBindWindow 绑定。 7. 创建标签控件,调用 Ex_ObjCreate ,传入类名为Static,标题为 Hello World。 8. 调用 Ex_DUIHandEvent 为窗口挂接关闭事件,并在关闭时调用 PostQuitMessage(0) 退出消息循环。 9. 显示窗口,调用 Ex_DUIShowWindow 显示窗口。 10. 开启消息循环,调用 Ex_WndMsgLoop 启动消息循环。 11. 退出程序,调用 Ex_UnInit 反初始化引擎。 > 效果图: ![](https://box.kancloud.cn/2016-07-04_577a2c9741aba.png) > 代码截图: ![](https://box.kancloud.cn/2016-07-04_577a2c977a94f.png) * * * * * ### 二、采用布局文件方式编写界面 1. 打开易语言,新建程序工程。 2. 为了方便调用命令,导入exdui_helper.ec模块。 3. 初始化引擎,调用 Ex_Init 命令。 4. 加载布局文件,调用 Ex_DUICreateFromLayout 创建并加载窗口和控件。 5. 调用 Ex_DUIHandEvent 为窗口挂接关闭事件,并在关闭时调用 PostQuitMessage(0) 退出消息循环。 6. 显示窗口,调用 Ex_DUIShowWindow 显示窗口。 7. 开启消息循环,调用 Ex_WndMsgLoop 启动消息循环。 8. 退出程序,调用 Ex_UnInit 反初始化引擎。 > 效果图: ![](https://box.kancloud.cn/2016-07-04_577a2c9741aba.png) > 代码截图: ![](https://box.kancloud.cn/2016-07-04_577a2c97a27d3.png) * * * * * 例程下载:[下载地址](#)