前言
從畢業開始學習windows UI編程，工作中總是和一些API打交道，但是從沒有做過一個完整的界面程序。因此打算自己利用空余時間做一個小的項目來總結自己所學的東西。在網上看到許多人建議自己動手寫完整的項目才能快速提高，因此打算從仿照windows的記事本開始，真正實現一個基本的windows界面程序。考慮到編寫一個完整的windows 記事本程序需要大量的工作，因此打算將每一個階段的成果記錄下來，一方面能夠幫助自己進行總結，回顧已學的知識，另一方面也能夠與其他網友一起討論，從而可以在討論中共同進步。
本節介紹
如本文題目所示，本節主要實現記事本的主界面設計，包括主界面窗口的構建、菜單的加入。雖然都是一些基本的操作，但是還是想將這些基本步驟完整地記錄下來，以便后續驗證。本文的開發環境為：系統為win7 64bit, IED是VS2008。好了，廢話不多說，直接開始流程介紹：
1. 新建win32 工程
本文采用windows API方式實現一個簡易記事本程序，因此在創建工程時選擇windows application，如圖1所示。同時為了方便，選擇以空的項目開始，要增加什么資源就在后續過程中添加即可。
圖1 新建win32空項目
2. 構建主界面
在打開windows自帶的記事本程序可以看出，整個窗口就是一個帶有菜單、編輯控件的對話框，因此本文為了方便直接以DialogBox的方式構建整個程序的主界面。具體的做法如下圖2所示：Resource Files –> Add –> Resource… :
圖2 新建對話框資源
在圖2中的資源窗口開啟后，選中Dialog資源并進行添加即可。此時得到一個系統默認的對話框，如圖3所示：
圖3 系統默認對話框
此時，需要將視圖切換到資源視圖進行操作。首先進行對話框的改名，一個有意義的變量名使得程序的可讀性更好，也更易于后期維護。因此將Dialog資源名改為IDD_MAIN。同時記事本中不存在OK以及Cancel按鈕，因此在對話框中直接選中這兩個按鈕并刪除。效果如圖4所示：
圖4 主界面對話框改名、刪除多余按鈕后效果
3. 構建菜單
構建菜單時，第一步操作與構建主界面一致。在圖2的資源添加中選擇Menu并選擇新建。新增的菜單資源默認名為IDR_MENU1。同樣對其進行改名操作，改為IDR_MENU。后續將進行菜單項的填充。這里主要就是按照windows記事本中相應的文字填入就可以了，主要存在以下兩個小細節需要注意：
3.1 字母快捷鍵
在windows記事本中可以通過快捷鍵喚起相應的菜單項（例如打開記事本后，可以用alt+F打開文件選項，如圖5所示）。
圖5 windows菜單快捷鍵
這里的做法其實很簡單，就是在相應的字母前添加，例如“文件(F)”就填寫為“文件(F)”，這樣就可以默認開啟快捷鍵。對于“文件”選項下面的打開、保存等快捷鍵的設置同樣是在對應的字母前添加。
3.1 構建下拉分割線
在如圖5的文件下拉菜單中，可以看到用于分割“另存為”和“頁面設置”的分割線。那么如何產生這跟分割線呢，其實也非常簡單，直接在相應的菜單項右鍵，選擇“Insert Separator”，如圖6所示(因為我的機器上VS2008是英文版的所示菜單項都顯示的英文，對于中文的VS應該可以在同樣的地方找到“插入風格線”的選項吧)：
圖6 添加菜單選項分割線
4. 調起主界面
在主程序中，目前只是為了顯示當前界面的效果，因此直接用DialogBox顯示IDD_MAIN.代碼如下：
/************************************************************************/
/* file : main.cpp 整個應用程序的主入口
* author : Huagang Li
* date : 2014-8-29 23:22:37
* blogs : http://www.cnblogs.com/lhglihuagang/
*/
/************************************************************************/
#include Windows.h>
#include "resource.h" // IDD_MAIN定義位置
int WINAPI WinMain( __in HINSTANCE hInstance, __in_opt HINSTANCE hPrevInstance, __in_opt LPSTR lpCmdLine, __in int nShowCmd )
{
::DialogBox(hInstance, MAKEINTRESOURCE(IDD_MAIN), NULL, NULL);
return EXIT_SUCCESS;
}
因為Dialog中的窗口過程函數直接設置為NULL,因為這個窗口在打開后就無法通過關閉按鍵關閉（可以用資源管理器關閉），當前效果如下7所示：
圖7 錯誤的輸出結果？
從上圖7中可以看出，只是一個空白窗口，說好的菜單選項呢？最大最小化按鈕呢？窗口大小還不可變？？這里就進入另一個注意點了：在新建了菜單資源并進行了編輯后，這個資源只是存在于工程文件中，并沒有將其添加到任何一個窗口中。因此，我們需要將菜單資源加入到IDD_MAIN窗口中。同時系統默認新建的對話框窗口是沒有最大最小按鈕的，因此也需要在IDD_MAIN的屬性中進行調節，具體操作如下：
4.1 添加菜單、最大化最小化按鈕
在IDD_MAIN的“properties”中的Menu選擇“IDR_MENU”，同時將Minimize Box以及Maxmize Box都設為True。具體操作如下圖8所示：
圖8 添加菜單，最大，最小按鈕
4.2 窗口大小可調節
IDD_MAIN的“properties”中的Boader選擇“Resizing”，也就是將邊框的屬性設置為可調節，操作如下圖9所示：
圖9 對話框大小可變
界面效果
在添加菜單、最大最小按鈕，同時修改了邊框調節屬性后，整個程序運行后主界面如圖10所示：
圖10 程序UI效果
結論
雖然真正的邏輯功能還沒有開發，但是光是實現這個界面還是了一段時間研究。即使是這樣簡單的界面顯示程序其實也是可以學到一些小的知識點：
1. 菜單字母快捷鍵（在字母前面前面添加）
2. 菜單下拉分割線（右鍵選擇添加分割線）
3. 新建的菜單資源需要加入到窗口中才能顯示（IDD_MAIN屬性中的MENU選擇IDR_MENU）
說明
這將是一個系列博文，后面會繼續補充邏輯功能的開發的步驟。希望能與更多博友交流。
如果你覺得這篇文章還可以，請點贊，哈哈~~
聲明：未作說明，則本文為年糕原創。注意：轉載須保留全文，如需修改請 聯系作者。
