讓我們開始吧 · ExDirectUI 4.0 開發文檔

## 編寫第一個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) * * * * * 例程下載：[下載地址](#)