3 wxWidgets應用程式初體驗

　　本文中所有的體驗，在Code::Blocks中進行。

　　為了在Code::Blocks中編譯執行C++寫的wxWidgets程式，需要再做些設定。

　　首先，需要在環境變數裡新增一個wxWidgets根目錄環境變數。設定方法類似於2.3中設定PATH變數的方法。在Win7中，右擊桌面上的“計算機”圖示，選選單中的“屬性”，在“系統屬性”對話方塊中，完成如下圖從1到5的一系列操作。新增的變數命名為wxwin，值為X:\wxWidgets-3.0.0。

　　接下來的設定要在Code::Blocks中進行。

　　開啟Code::Blocks，選擇選單Settings->Global Variables…，在設定default

3.1 由“空專案”建立和執行GUI應用程式

　　下面將“白手起家”，由建立“空專案”開始，做一個簡單的應用。程式改編自線上教程《wxWidgets tutorial》（http://zetcode.com/gui/wxwidgets/）的“First programs in wxWidgets”部分的第一個程式。這個教程，將作為建議學習方案中的主教程之一。

3.1.1 建立專案

　　建立專案的過程是：

　　（1）通過選單“File”->“New”->“Project…”，選擇“Empty project”建一個空專案

　　（2）點選“go”按鈕後，有一個歡迎介面，點選“next”，出現下圖，填入專案名。我建立的專案名稱為wxTest。

　　（3）點選“next”後，要求選擇編譯器及生成的目標檔案型別，照下圖選擇

　　（4）點選“Finish”後，將生成一個空專案，如圖

　　（5）點選選單File->New->File...為專案新建一個源程式檔案。在連續出現的幾個對話方塊中，選擇要增加的檔案型別是“C/C++ source

　　（6）點選“Finish”後，將下面的源程式輸入（或貼上）到檔案main.cpp中。

#include <wx/wx.h>
class Simple : public wxFrame
{
public:
    Simple(const wxString& title);
};
 
Simple::Simple(const wxString& title)
   : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(250, 150))
{
  Centre();
}
 
class MyApp : public wxApp
{
  public:
    virtual bool OnInit();
};
 
IMPLEMENT_APP(MyApp)
 
bool MyApp::OnInit()
{
    Simple *simple = new Simple(wxT("Simple"));
    simple->Show(true);
    return true;
}

　　加入了原始碼之後的專案如下圖所示：

　　可以暫時不考慮程式中的語句是什麼意思。能完成執行程式的完整過程，是我們當前的任務。能執行程式了，後面再看“門道”。

　　下面將對這個專案進行編譯，進而看到執行結果。

3.1.2 編譯和執行專案

　　選擇選單“Build”中的“Build”選項（或者工具欄中的相應按鈕）對專案進行編譯、連線。程式第一行即出現錯誤。錯誤提示是：

fatal error: wx/wx.h: No such file or directory

　　也就是說，找不到要包含的標頭檔案wx\wx.h。

　　這需要設定“搜尋路徑”解決。選選單Project->Build options...，在選項卡Search directories中，設定Compiler。通過“Add”增加目錄X:\wxWidgets-3.0.0\lib\gcc_dll\mswud和X:\wxWidgets-3.0.0\include，結果如下圖所示：

　　接著Build，將不再有語法錯誤。

　　出現的一大堆錯誤提示，來自於連線環節，問題是找不到庫檔案。

　　選選單Project->Build options...，在選項卡Linker settings中，需要加入要連線的“目標檔案”。如圖所示，通過Add按鈕加入X:\wxWidgets-3.0.0\lib\gcc_dll資料夾中的所有.a檔案（實際上，選擇其中幾個需要的就可以了。因為不知道究竟需要哪幾個，全選是最省事的辦法）：

　　然後再編譯，0 errors, 0 warnings。成功！

　　但是執行程式時，會出現錯誤，如下圖：

　　按提示來，在X:\wxWidgets-3.0.0\lib\gcc_dll中找到wxmsw30ud_gcc_custom.dll檔案，將其拷貝到專案所在資料夾，再執行，就看到了期盼的視窗，如圖所示。

　　出現上面的執行錯誤，原因是我在Linker settings加入的是lib\gcc_dll資料夾中的.a檔案，這些屬於“動態連結庫”（這個術語自己百度去吧）。這種方式的好處在於編譯速度快，目的碼小，但是在編譯好的程式執行時，必須要能找到需要的.dll檔案。最簡單的辦法，就是拷貝.dll檔案。

　　這個程式很短，結果也只是一個空空的視窗，但是作為掌握編譯、執行視窗程式的案例，卻也是足夠的了。

　　以上的設定和檔案複製，“有經驗”之後可以提前完成。上面的描述方法，是考慮到希望讀者對各個環節的問題，能多些感覺。

3.2 利用Code::Blocks的嚮導建立應用

　　另一種在Code::Blocks中建立wxWidgets Project的方法，是通過“嚮導”開發應用。這種方法用得不是很多，可以作為了解。

　　利用嚮導開發的具體步驟是：

　　（1）通過選單“File”->“New”->“Project…”，選擇最後面的wxWidgets project。

　　（2）點選“Go”進入工程配置嚮導，首先會出來一個歡迎視窗，直接next後，選擇安裝好wxWidgets版本。

　　注：Code::Blocks 13.12中，已經有了對wxWidgets 3.0.x的支援。需要選對版本，否則能夠繼續生成應用程式，但是不能正確連線和執行。

　　（3）按“Next”，然後輸入專案名“wxtest”，選擇儲存專案的資料夾。

　　（4）繼續“Next”，輸入作者和及一些版權說明資訊。

　　（5）繼續“Next”，選擇GUI設計工具和程式型別，用wxSmith和Dialog based。

　　（6）按“Next”，接下來的就是wxWidgets環境的一些設定了，這裡我們輸入剛才設定的wxWidgets根目錄，直接填入“$(#wx)”就可以了。

　　（7）按“Next”，這裡我們看到預設就是選擇了MinGW編譯器了，下面的我們只做Debug版本，所以只選上“Create “Debug” configuration”。

　　（9）繼續“Next”，接下來要選擇怎麼使用wxWidgets庫，這裡根據你編譯的wxWidgets庫是什麼樣的來。

後注:在wxWidgets Library Setting部分，三個勾都打上。這樣，只要在編譯時SHARED=1，滿足了Use wxWidgets DLL，使用動態連結接庫的要求；用MONOLITHIC=1，滿足了wxWidgets is built as a monolithic library，構建單一庫；而UNICODE=1，滿足支援寬字串Enable unicode。也就是說，當初編譯wxWidgets時用：mingw32-make -f makefile.gcc MONOLITHIC=1 SHARED=1 UNICODE=1 BUILD=debug和mingw32-make -f makefile.gcc MONOLITHIC=1 SHARED=1 UNICODE=1 BUILD=release，就可以滿足生支供除錯和釋出的程式碼兩項要求。

　　（10）按“Next”，因為選擇了“Configure Advanced Options”，所以要對使用wxWidgets庫做更多的設定，這裡我們選上我們使用lib方式呼叫（要求編譯wxWidgets時用SHARED=0引數，生成了靜態庫檔案）。

　　（11）按“Next”進到最後一步，我們選擇需要用到的庫，不知道的話全部選上。

　　（12）點選“Finish”，工程隨即建立成功。

　　這時可以檢視專案中自動生成的檔案，其中有.cpp的原始檔，也有.h的標頭檔案。再細讀，和3.1中輸入的程式長得差不多。

　　其實，嚮導的作用，就是通過一系列的選擇，由嚮導程式自動生成應用程式。

　　如上步驟建立的應用程式的執行的結果是：

　　在編譯和執行時，都有可能出現一些錯誤。這一般不是程式本身的問題，而是Code::Blocks的編譯環境和執行的支援檔案不全而造成的。

　　請參閱3.1.2小節，可能會幫助你排除問題，讓程式正確執行。

================= 迂者 賀利堅 CSDN部落格專欄=================
|==　IT學子成長指導專欄　專欄文章的分類目錄（不定期更新）　==|
|==　C++ 課堂線上專欄　　賀利堅課程教學連結（分課程年級）　==|
|==　我寫的書——《逆襲大學——傳給IT學子的正能量》　　　　==|
===== 為IT菜鳥起飛鋪跑道，和學生一起享受快樂和激情的大學 =====