wxWidgets初学者导引（1）——前言

╰半夏微凉° 2022-04-18 05:29 261阅读 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]

# 1 前言 #

## 1.1 关于“导引” ##

大学中的“C++程序设计”课程，以掌握基本的C++语法，并运用其解决一般的计算问题为目的。学生在学习中编出的程序，在“长相”上，与实际的产品不太一样。我的学生感慨，为何我编程序总是要面对“黑框框”，而日常使用的程序，那界面很友好。

对了，我说的是“程序和用户的接口”，俗称“界面”。

大学生在成长为一名合格的工程技术人员的过程中，需要多阶段、多环节的培养，一门课程抓住要解决的主要问题，其他课程再解决其他问题。大学的课程有这种阶段隆的特点。在实际的工程中，用C++做的“产品”，很多根本不需要界面，访问底层的代码、对性能要求高的关键计算，非C/C++不可。界面，某种角度讲，不是核心。

但是，作为大众产品，没有好长相，面临的可能就是失败。无论如何，学习了C++，要用C++做出界面友好的程序，这个想法不能丢。作为学过C++的同学，能做出一个漂亮的应用程序，例如俄罗斯方块游戏，那是一件很荣耀的事。这也可以作为一个新的阶段的开始。在大学，有了修过的课程做基础，这件事情可以在课外自行拓展。

为有C++基础的学生，需要制定一个初步“进阶”的方案。本文就是要做这样的事。

## 1.2 为什么wxWidgets ##

wxWidgets是一个开源的跨平台的C++构架库（framework），它可以提供GUI（图形用户界面）和其它工具。wxWidgets除了可以用于开发“有界面”的程序，还提供对图形、多媒体、网络等常见领域应用的支持。

掌握了wxWidgets，就有办法搞定常见的需要让计算机完成的任务。有了使用wxWidgets开发的体验，也打开了引入其他构架开发的大门。

wxWidgets是开源的，无论对于个人还是对于商业应用都是免费的。wxWidgets可以支持现今几乎所有操作系统，包括对掌上电脑的支持。wxWidgets社区快速稳健成长，其周边工具也越来越多。wxWidgets支持各种主流的编译器，通过“重新编译”的方式支持软件的移植。wxWidgets吸引我的还有，尽可能的使用目标系统“原生的”的GUI样式，界面与环境异常和谐。

关于wxWidgets的好，上网搜索可以获得更多。

同样称为C++构架库的，还有MFC和Qt。

MFC是微软制造的经典。当然，MFC只适合Windows平台，也显老旧。对于这个时期刚起步的大学生而言，直接学习面向跨平台的开发，理所当然。能将我的学生引向读开源代码，也是我想努力的方向。

Qt同样跨平台，同样开源。Qt由商业机构维护，有人甚至说更出众。

哪种语言好，哪个平台强？为此打嘴仗的很多。其实对于初学者而言，重在过程，重在体验。早已经不是“从一而终”的时代了，何况身处IT这样一个变化快的行业中。用学习A的体验，具备学习B和C的能力，这是最重要的。

也许本文选wxWidgets都是一个偶然。借助wxWidgets，获得C++应用程序开发的初步体验，足矣。再有回报，都是额外的馈赠。

（[http://blog.csdn.net/dj0379/article/details/7598921][http_blog.csdn.net_dj0379_article_details_7598921]中对wxWidgets和Qt做了比较，可以参考）

在本文中，还用了Code::Blocks，一个优秀的开源C++ IDE。为什么是Code::Blocks，而不是VS20xx，或者其他？同样无聊的问题，不去对比。实际情况是，我在教学中，我的学生会用多种IDE，主要用Code::Blocks。多加一句，Code::Blocks还是很好的。

## 1.3 看本文的方法 ##

只看不练空把式。本文，以及后续指出的学习路线，不是看下去的，而是做下去的。

光看不练，是白看。看完了，没有做，结果必然还是不会。看、练结合，要获得能实践的知识和技能。

边看边做，此为道。

## 1.4 看本文需要的基础 ##

本文面向的是初学者，尤其是只按着教学要求学过了C++相关课程，或者自学了一段时间C++的大学生或程序设计爱好者。

*  程序设计的一般知识和技能：简单而言，学过C++课程，做过了一些练习。掌握了C++中类、对象、构造函数、重载、继承、多态等基本概念。要补课，可以到我的《C++程序设计课程主页-2013级》，[http://blog.csdn.net/sxhelijian/article/details/11890759][http_blog.csdn.net_sxhelijian_article_details_11890759]中完成实践。
 *  会用Code::Blocks调试程序：如果以前是在其他平台中实践C++程序设计，请自行下载、安装Code::Blocks，然后编译、运行几个程序即可具备。Code::Blocks的使用请看[http://blog.csdn.net/sxhelijian/article/details/17710041][http_blog.csdn.net_sxhelijian_article_details_17710041]。

## 1.5 本文特点 ##

本文最大的特点是虎头蛇尾。

这是作者的自我表扬，不是批评。本文想要起到的作用无非两点：

（1）引导读者能够搭建起一个能开始工作的环境

配置环境的这汪水本来不浅，这样的锻炼足够珍贵。但搭建环境的过程中，有不少细节并不是一时半会儿就可以学会的，不少内容有待后续的学习中解决和领悟。本文始终记着要用wxWidgets尽快做出程序来这样一个目标，尽快地让读者能开始工作，这是第一要务。

为此，只要能将这个过程顺下去，忽略中间需要知道的一切。在读者经历过后，可以再走一遍，会发现处处能有感悟。

（2）引导读者正确运用文档

在软件开发过程中，用的最多的是在线文档，而不是书本（或许有些时候会将在线文档印成书）。能尽早学会使用在线文档中的链接，找到需要的帮助信息，对初学者的意义，就是一场学习的革命。

之所以做虎头，是因为万事开头难。本文只解决开头难的事情。开了头，就好了。

之能以能这样做，是因为，只要开头，就有无数多的资料为你所用。有人说wxWidgets的参考资料少，那是因为他没有用好已有的资料。

先造个虎头，让初学者自己续上虎身、虎尾。

<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]

你好！ 这是你第一次使用 \*\*Markdown编辑器\*\* 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

## 新的改变 ##

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1.  **全新的界面设计** ，将会带来全新的写作体验；
2.  在创作中心设置你喜爱的代码高亮样式，Markdown **将代码片显示选择的高亮样式** 进行展示；
3.  增加了 **图片拖拽** 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4.  全新的 **KaTeX数学公式** 语法；
5.  增加了支持**甘特图的mermaid语法1** 功能；
6.  增加了 **多屏幕编辑** Markdown文章功能；
7.  增加了 **焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置** 等功能，功能按钮位于编辑区域与预览区域中间；
8.  增加了 **检查列表** 功能。

## 功能快捷键 ##

撤销：Ctrl/Command \+ Z  
重做：Ctrl/Command \+ Y  
加粗：Ctrl/Command \+ B  
斜体：Ctrl/Command \+ I  
标题：Ctrl/Command \+ Shift \+ H  
无序列表：Ctrl/Command \+ Shift \+ U  
有序列表：Ctrl/Command \+ Shift \+ O  
检查列表：Ctrl/Command \+ Shift \+ C  
插入代码：Ctrl/Command \+ Shift \+ K  
插入链接：Ctrl/Command \+ Shift \+ L  
插入图片：Ctrl/Command \+ Shift \+ G

## 合理的创建标题，有助于目录的生成 ##

直接输入1次\#，并按下space后，将生成1级标题。  
输入2次\#，并按下space后，将生成2级标题。  
以此类推，我们支持6级标题。有助于使用`TOC`语法后生成一个完美的目录。

## 如何改变文本的样式 ##

*强调文本* *强调文本*

**加粗文本** **加粗文本**

标记文本

删除文本

> 引用文本

H2O is是液体。

210 运算结果是 1024.

## 插入链接与图片 ##

链接: [link][].

图片: ![Alt][]

带尺寸的图片: ![Alt][]

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

## 如何插入一段漂亮的代码片 ##

去[博客设置][Link 2]页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 `代码片`.

// An highlighted block var foo = 'bar';

## 生成一个适合你的列表 ##

*  项目
    
     *  项目
        
         *  项目

1.  项目1
2.  项目2
3.  项目3

*  计划任务
 *  完成任务

## 创建一个表格 ##

一个简单的表格是这么创建的：

<table> 
 <thead> 
  <tr> 
   <th>项目</th> 
   <th>Value</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>电脑</td> 
   <td>$1600</td> 
  </tr> 
  <tr> 
   <td>手机</td> 
   <td>$12</td> 
  </tr> 
  <tr> 
   <td>导管</td> 
   <td>$1</td> 
  </tr> 
 </tbody> 
</table>

### 设定内容居中、居左、居右 ###

使用`:---------:`居中  
使用`:----------`居左  
使用`----------:`居右

<table> 
 <thead> 
  <tr> 
   <th align="center">第一列</th> 
   <th align="right">第二列</th> 
   <th align="left">第三列</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">第一列文本居中</td> 
   <td align="right">第二列文本居右</td> 
   <td align="left">第三列文本居左</td> 
  </tr> 
 </tbody> 
</table>

### SmartyPants ###

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

<table> 
 <thead> 
  <tr> 
   <th>TYPE</th> 
   <th>ASCII</th> 
   <th>HTML</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Single backticks</td> 
   <td><code>'Isn't this fun?'</code></td> 
   <td>‘Isn’t this fun?’</td> 
  </tr> 
  <tr> 
   <td>Quotes</td> 
   <td><code>"Isn't this fun?"</code></td> 
   <td>“Isn’t this fun?”</td> 
  </tr> 
  <tr> 
   <td>Dashes</td> 
   <td><code>-- is en-dash, --- is em-dash</code></td> 
   <td>– is en-dash, — is em-dash</td> 
  </tr> 
 </tbody> 
</table>

## 创建一个自定义列表 ##

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

## 如何创建一个注脚 ##

一个具有注脚的文本。2

## 注释也是必不可少的 ##

Markdown将文本转换为 HTML。

## KaTeX数学公式 ##

您可以使用渲染LaTeX数学表达式 [KaTeX][]:

Gamma公式展示  Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t &ThinSpace; . \\Gamma(z) = \\int\_0^\\infty t^\{z-1\}e^\{-t\}dt\\,. Γ(z)=∫0∞tz−1e−tdt.

> 你可以找到更多关于的信息 **LaTeX** 数学表达式[here][].

## 新的甘特图功能，丰富你的文章 ##

gantt
            dateFormat  YYYY-MM-DD
            title Adding GANTT diagram functionality to mermaid
            section 现有任务
            已完成               :done,    des1, 2014-01-06,2014-01-08
            进行中               :active,  des2, 2014-01-09, 3d
            计划一               :         des3, after des2, 5d
            计划二               :         des4, after des3, 5d

*  关于 **甘特图** 语法，参考 [这儿][Link 3],

## UML 图表 ##

可以使用UML图表进行渲染。 [Mermaid][Link 3]. 例如下面产生的一个序列图：:

张三李四王五你好！李四, 最近怎么样?你最近怎么样，王五？我很好，谢谢!我很好，谢谢!李四想了很长时间, 文字太长了 不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五

这将产生一个流程图。:

链接

长方形

圆

圆角长方形

菱形

*  关于 **Mermaid** 语法，参考 [这儿][Link 3],

## FLowchart流程图 ##

我们依旧会支持flowchart的流程图：

*  关于 **Flowchart流程图** 语法，参考 [这儿][Link 4].

## 导出与导入 ##

### 导出 ###

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 **文章导出** ，生成一个.md文件或者.html文件进行本地保存。

### 导入 ###

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，  
继续你的创作。

--------------------

1.  [mermaid语法说明][Link 3] ↩︎
2.  注脚的解释 ↩︎

[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
[http_blog.csdn.net_dj0379_article_details_7598921]: http://blog.csdn.net/dj0379/article/details/7598921
[http_blog.csdn.net_sxhelijian_article_details_11890759]: http://blog.csdn.net/sxhelijian/article/details/11890759
[http_blog.csdn.net_sxhelijian_article_details_17710041]: http://blog.csdn.net/sxhelijian/article/details/17710041
[SouthEast]: /images/20220418/228dbec999ad43999fbd5a9e1715cc69.png
[link]: https://mp.csdn.net
[Alt]: /images/20220418/c0714a767b7c483fac34dd1611f15c2d.png
[Link 2]: https://mp.csdn.net/configure
[KaTeX]: https://khan.github.io/KaTeX/
[here]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[Link 3]: https://mermaidjs.github.io/
[Link 4]: http://adrai.github.io/flowchart.js/