// * create by zyzx
// * 2009-3-12
// * 轉(zhuǎn)載請(qǐng)注明來(lái)源：
http://www.shnenglu.com/zyzx
工欲善其事，必先利其器。在MFC上開發(fā)，有VS系列強(qiáng)大的可視化工具，基于wx的開發(fā)工具雖然沒(méi)有VS、QT的界面設(shè)計(jì)器強(qiáng)大，但在靈活度上VS的界面設(shè)計(jì)器是沒(méi)法比的（QT的沒(méi)有用過(guò)，不做評(píng)論）。
如果選擇了wx庫(kù)，了解幾款基于其上的界面設(shè)計(jì)工具，會(huì)大大提高開發(fā)效率。
一、wx界面設(shè)計(jì)工具簡(jiǎn)介
官方建議的工具集合：http://wiki.wxwidgets.org/Tools
在剛開始的時(shí)候，我也嘗試過(guò)幾款工具（wxFormBuilder、wxDev-C++、wxDesigner等），但后來(lái)還是選擇了DialogBlocks-4.18。對(duì)于這些工具的選擇，各有特色。選擇DialogBlocks，主要是因?yàn)槠潇`活度很大，當(dāng)然缺點(diǎn)就是需要手工寫代碼來(lái)結(jié)合工具使用。但這點(diǎn)對(duì)于熟悉wx以后就不再是缺點(diǎn)，而是她最大的優(yōu)點(diǎn)。
二、DialogBlocks簡(jiǎn)介
DialogBlocks官方主頁(yè)：http://www.anthemion.co.uk/dialogblocks/
三、DialogBlocks入門向?qū)?/span>
安裝完成后，DialogBlocks有幾個(gè)實(shí)例工程可以供大家參考。
1、新建HelloWorld工程
關(guān)閉這些后點(diǎn)擊File->New Project進(jìn)入工程向?qū)А?/span>
點(diǎn)擊Next進(jìn)入下一個(gè)選擇頁(yè)面
Mode中有3個(gè)選項(xiàng)：
Generate for C++：表示工具并不生成*.xrc（xml格式文件）配置文件，直接將窗口的一些信息（比如樣式、大小、是否可見等等）直接寫在源代碼中，用相應(yīng)的標(biāo)記區(qū)別，由工具來(lái)維護(hù)此段代碼區(qū)域。如果手工破壞了標(biāo)記信息，工具將無(wú)法識(shí)別。
Generate C++ for XRC：表示工具將窗口信息（…）寫入相應(yīng)的*.xrc配置文件中，代碼塊中只寫加載這些配置的代碼。這種方式十分適合，界面大小不一致，需靈活配置界面。代碼塊的事件關(guān)聯(lián)每一個(gè)窗口控件唯一的ID。
Generate XRC only：表示不生成源代碼，只生成*.xrc配置文件。更靈活的將代碼和界面設(shè)計(jì)的配置文件分開。代碼塊只需要通過(guò)窗口控件ID來(lái)控制其行為。
后面一路next，默認(rèn)選項(xiàng)即可。
保存工程得到HelloWorld\HelloWorld.pjd文件，以后只要從此文件打開即可。
2、新建主wxFrame或wxDialog
3、添加其他控件
修改啟動(dòng)的主Frame：Main window選項(xiàng)修改為HelloWorld Frame的ID編號(hào)。
3、添加其他控件
比如菜單、工具條、狀態(tài)條、窗口里面的控件元素等等。
注意窗口元素不是隨意添加的，必須先搞清楚wx的窗口元素之間的關(guān)系。比如：wxFrame/wxDialog直接包容wxMenuBar、wxToolBar、wxStatusBar，而wxTextCtrl、wxComboBox、wxStaticText等等最好建立在wxBoxSizer之內(nèi)。
wxBoxSizer是wx的特色之一，它可以對(duì)其包含的控件進(jìn)行自動(dòng)調(diào)整。當(dāng)然需要設(shè)定其自動(dòng)調(diào)整屬性。以上均使用默認(rèn)的屬性。
四、HelloWorld的VS工程配置
完成以上部分就說(shuō)明最基本的界面框架已經(jīng)做好了。我們還需要新建基于Win32的空HelloWorld工程，將DialogBlocks生成的*.h *.cpp文件添加HelloWorld工程中去。
按照上一篇關(guān)于Win32部分的配置來(lái)設(shè)置本工程。
編譯運(yùn)行（別忘了把wx庫(kù)的*.dll文件…）結(jié)果會(huì)報(bào)出wxWidgets Assert忽略即可，原因是上面建立的wxToolBar\Tool沒(méi)有找到對(duì)應(yīng)的圖標(biāo)，把圖標(biāo)添加進(jìn)去并設(shè)定wx資源加載路徑即可。
五、綁定控件事件控制
在DialogBlock中選中wxButton：ID_BUTTON1切換右邊視圖到Event handlers，點(diǎn)選BUTTON_CLICK事件，并保存。綁定事件有兩種方式，DialogBlocks采用的是靜態(tài)綁定的方式，還一種是采用動(dòng)態(tài)綁定事件。
再找到HelloWorld類，并添加頭文件#include <wx/msgdlg.h>
void HelloWorld::OnButton1Click( wxCommandEvent& event )
{
wxMessageBox(wxT("Hello World！\r\n單擊了Button1Click!"));
}
即可得到如下效果：
工程文件下載