wxWidgets初学者导引 3 wxWidgets应用程序初体验

悠悠 2022-04-22 09:48 271阅读 0赞

**分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangjunshow]**

**也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！**

**wxWidgets初学者导引全目录** [PDF版及附件下载][PDF]

[1 前言][1]  
[2 下载、安装wxWidgets][2 _wxWidgets]  
[3 wxWidgets应用程序初体验][3 wxWidgets]  
[4 wxWidgets学习资料及利用方法指导][4 wxWidgets]  
[5 用wxSmith进行可视化设计][5 _wxSmith]  
[附：学习材料清单][Link 1]

# 3 wxWidgets应用程序初体验 #

本文中所有的体验，在Code::Blocks中进行。

为了在Code::Blocks中编译运行C++写的wxWidgets程序，需要再做些设置。

首先，需要在环境变量里添加一个wxWidgets根目录环境变量。设置方法类似于2.3中设置PATH变量的方法。在Win7中，右击桌面上的“计算机”图标，选菜单中的“属性”，在“系统属性”对话框中，完成如下图从1到5的一系列操作。新增的变量命名为wxwin，值为X:\\wxWidgets-3.0.0。

![20140518200014734][]

接下来的设置要在Code::Blocks中进行。

打开Code::Blocks，选择菜单Settings->Global Variables…，在设置default下新建立一个wx变量，在Build-in fields:下，base中填入“$\{wxwin\}”（wxwin是刚才设置好的一个变量），include中填入“$\{wxwin\}\\include”，lib中填入“$\{wxwin\}\\lib”，这些都是开发中需要用到的“环境”中的一部分。

![20140518200035515][]

## 3.1 由“空项目”建立和运行GUI应用程序 ##

下面将“白手起家”，由建立“空项目”开始，做一个简单的应用。程序改编自在线教程《wxWidgets tutorial》（[http://zetcode.com/gui/wxwidgets/][http_zetcode.com_gui_wxwidgets]）的“First programs in wxWidgets”部分的第一个程序。这个教程，将作为建议学习方案中的主教程之一。

### 3.1.1 建立项目 ###

建立项目的过程是：

（1）通过菜单“File”->“New”->“Project…”，选择“Empty project”建一个空项目

![20140518200054593][]

（2）点击“go”按钮后，有一个欢迎界面，点击“next”，出现下图，填入项目名。我建立的项目名称为wxTest。

![20140518200108703][]

（3）点击“next”后，要求选择编译器及生成的目标文件类型，照下图选择

![20140518200125125][]

（4）点击“Finish”后，将生成一个空项目，如图

![20140518200138234][]

（5）点击菜单File->New->File...为项目新建一个源程序文件。在连续出现的几个对话框中，选择要增加的文件类型是“C/C++ source”（即源文件），再一个对话框中选择语言是“C++”。接着，在下图所示的对话框中，给出带完整路径的源文件名（本例中用main.cpp），注意将Debug复选框选中。

![20140518200152484][]

（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;}

加入了源代码之后的项目如下图所示：

![20140518200239125][]

可以暂时不考虑程序中的语句是什么意思。能完成运行程序的完整过程，是我们当前的任务。能运行程序了，后面再看“门道”。

下面将对这个项目进行编译，进而看到运行结果。

### 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，结果如下图所示：

![20140518200254781][]

接着Build，将不再有语法错误。

出现的一大堆错误提示，来自于连接环节，问题是找不到库文件。

选菜单Project->Build options...，在选项卡Linker settings中，需要加入要连接的“目标文件”。如图所示，通过Add按钮加入X:\\wxWidgets-3.0.0\\lib\\gcc\_dll文件夹中的所有.a文件（实际上，选择其中几个需要的就可以了。因为不知道究竟需要哪几个，全选是最省事的办法）：

![20140518200314812][]

然后再编译，0 errors, 0 warnings。成功！

但是运行程序时，会出现错误，如下图：

![20140518200333187][]

按提示来，在X:\\wxWidgets-3.0.0\\lib\\gcc\_dll中找到wxmsw30ud\_gcc\_custom.dll文件，将其拷贝到项目所在文件夹，再运行，就看到了期盼的窗口，如图所示。

![20140518200444609][]

出现上面的运行错误，原因是我在Linker settings加入的是lib\\gcc\_dll文件夹中的.a文件，这些属于“动态链接库”（这个术语自己百度去吧）。这种方式的好处在于编译速度快，目标代码小，但是在编译好的程序运行时，必须要能找到需要的.dll文件。最简单的办法，就是拷贝.dll文件。

这个程序很短，结果也只是一个空空的窗口，但是作为掌握编译、运行窗口程序的案例，却也是足够的了。

以上的设置和文件复制，“有经验”之后可以提前完成。上面的描述方法，是考虑到希望读者对各个环节的问题，能多些感觉。

## 3.2 利用Code::Blocks的向导建立应用 ##

另一种在Code::Blocks中建立wxWidgets Project的方法，是通过“向导”开发应用。这种方法用得不是很多，可以作为了解。

本节下面的材料，非作者原创，整理自[http://www.cnzui.com/archives/962][http_www.cnzui.com_archives_962]。

利用向导开发的具体步骤是：

（1）通过菜单“File”->“New”->“Project…”，选择最后面的wxWidgets project。

![20140518200844046][]

（2）点击“Go”进入工程配置向导，首先会出来一个欢迎窗口，直接next后，选择安装好wxWidgets版本。

![20140518200858562][]

注：Code::Blocks 13.12中，已经有了对wxWidgets 3.0.x的支持。需要选对版本，否则能够继续生成应用程序，但是不能正确连接和运行。

（3）按“Next”，然后输入项目名“wxtest”，选择保存项目的文件夹。

![20140518200911281][]

（4）继续“Next”，输入作者和及一些版权说明信息。

![20140518200925156][]

（5）继续“Next”，选择GUI设计工具和程序类型，用wxSmith和Dialog based。

![20140518200945734][]

（6）按“Next”，接下来的就是wxWidgets环境的一些设置了，这里我们输入刚才设置的wxWidgets根目录，直接填入“$(\#wx)”就可以了。

![20140518200958093][]

（7）按“Next”，这里我们看到默认就是选择了MinGW编译器了，下面的我们只做Debug版本，所以只选上“Create “Debug” configuration”。

![20140518201019234][]

（9）继续“Next”，接下来要选择怎么使用wxWidgets库，这里根据你编译的wxWidgets库是什么样的来。

![20140518201031734][]

后注:在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参数，生成了静态库文件）。

![20140518201106734][]

（11）按“Next”进到最后一步，我们选择需要用到的库，不知道的话全部选上。

![20140518201121312][]

（12）点击“Finish”，工程随即建立成功。

这时可以查看项目中自动生成的文件，其中有.cpp的源文件，也有.h的头文件。再细读，和3.1中输入的程序长得差不多。

其实，向导的作用，就是通过一系列的选择，由向导程序自动生成应用程序。

如上步骤创建的应用程序的运行的结果是：

![20140518201137890][]

在编译和运行时，都有可能出现一些错误。这一般不是程序本身的问题，而是Code::Blocks的编译环境和运行的支持文件不全而造成的。

请参阅3.1.2小节，可能会帮助你排除问题，让程序正确运行。

<table> 
 <tbody> 
  <tr> 
   <td><pre>================= 迂者 贺利坚 CSDN博客专栏=================|==　<a href="http://blog.csdn.net/column/details/itstudy.html" rel="nofollow">IT学子成长指导专栏</a>　<a href="http://blog.csdn.net/sxhelijian/article/details/8135028" rel="nofollow">专栏文章的分类目录（不定期更新）</a>　==||==　<a href="http://blog.csdn.net/column/details/cpponline.html" rel="nofollow">C++ 课堂在线专栏</a>　　<a href="http://blog.csdn.net/sxhelijian/article/details/8001601" rel="nofollow">贺利坚课程教学链接（分课程年级）</a>　==||==　我写的书——《<a href="http://blog.csdn.net/sxhelijian/article/details/21276999" rel="nofollow">逆袭大学——传给IT学子的正能量</a>》　　　　==|=====&nbsp;为IT菜鸟起飞铺跑道，和学生一起享受快乐和激情的大学 =====</pre></td> 
  </tr> 
 </tbody> 
</table>

#### 给我老师的人工智能教程打call！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangjunshow] ####

![这里写图片描述][SouthEast]

[http_blog.csdn.net_jiangjunshow]: https://blog.csdn.net/jiangjunshow/article/details/77338485
[PDF]: http://download.csdn.net/detail/sxhelijian/7365537
[1]: http://blog.csdn.net/sxhelijian/article/details/26158709
[2 _wxWidgets]: http://blog.csdn.net/sxhelijian/article/details/26163791
[3 wxWidgets]: http://blog.csdn.net/sxhelijian/article/details/26164181
[4 wxWidgets]: http://blog.csdn.net/sxhelijian/article/details/26164865
[5 _wxSmith]: http://blog.csdn.net/sxhelijian/article/details/26165237
[Link 1]: http://blog.csdn.net/sxhelijian/article/details/26165879
[20140518200014734]: /images/20220422/6d6488014ba946d8b8d72af2e30191b2.png
[20140518200035515]: /images/20220422/010d0ced811745c5bf96e7c6ed9dc5ea.png
[http_zetcode.com_gui_wxwidgets]: http://zetcode.com/gui/wxwidgets/
[20140518200054593]: /images/20220422/c7721b7b7a414599ad15119e039487b2.png
[20140518200108703]: /images/20220422/ac86eb0aebd44a42b9fca9293762d73a.png
[20140518200125125]: /images/20220422/95aadfd63a7e45b18e5800ecda00b2d5.png
[20140518200138234]: /images/20220422/c85229a326424ccba77bcc585fdcfeb8.png
[20140518200152484]: /images/20220422/c7a106695fb1417f9ad893d558d813f6.png
[20140518200239125]: /images/20220422/89672e65d57541ecae28917142c4bad0.png
[20140518200254781]: /images/20220422/4da2b63dede44185b39bbd11c3378dc0.png
[20140518200314812]: /images/20220422/28eed9ee2eae4ff6bb183eef439c46bc.png
[20140518200333187]: /images/20220422/f14e9488794e4b358678746c007a03a1.png
[20140518200444609]: /images/20220422/633b0345f98349cb8fda3f3eb9591fb8.png
[http_www.cnzui.com_archives_962]: http://www.cnzui.com/archives/962
[20140518200844046]: /images/20220422/1657e7599339432b84b0aec4887f909b.png
[20140518200858562]: /images/20220422/c336aa8c71b340fca0fd84a09dcfa100.png
[20140518200911281]: /images/20220422/6f13789e058c4ec29ad575c379658ada.png
[20140518200925156]: /images/20220422/8b986b95bb394dee918d0b6f152aca7a.png
[20140518200945734]: /images/20220422/9a2eab36a03841f79cf92c4e4036bb4b.png
[20140518200958093]: /images/20220422/df0260045e904831bce73b15abfaf4d9.png
[20140518201019234]: /images/20220422/f40ec63df4484b2db7dc4c0a185e4724.png
[20140518201031734]: /images/20220422/60f68d0cd27d49be91637aedafc64ba3.png
[20140518201106734]: /images/20220422/24b59b3d12044cffa01d84c3ac22c538.png
[20140518201121312]: /images/20220422/65ed5fd270394c93b46ffd055f974e64.png
[20140518201137890]: /images/20220422/cd898674b02e4e589ae0c229b17e5878.png
[SouthEast]: /images/20220422/d6be0cb6f5ab4389bf725a2256158f75.png