wxWidgets谁刚开始学习指南（5）——使用wxSmith可视化设计

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

wxWidgets谁刚开始学习的整个文件夹指南 PDF版及附件下载

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

5 用wxSmith进行可视化设计

依照第4章的要求看过了相关的书籍。应该具备了通过直接写代码的方式界面程序的能力。

而在实际的project开发中，做界面的工作常通过可视化的操作完毕。wxSmith就是这样一个支持wxWidgets高速开发的一个工具，专门用来做界面。

wxSmith已经是Code::Blocks的一个标准配置。在Code::Blocks菜单中能够看到这一项。

这一章，我们将从做一个应用程序開始。应用程序的窗体中有两个button，按SayHellobutton，屏幕上会出现“Hello World”。按Quitbutton，程序将结束。

5.1 用wxSmith创建应用程序的外观

创建一个空项目。名称为plain。

选择菜单wxSmith -> Add wxFrame。将要建立的Frame命名为plainFrame。

在左側的Management窗体中，显示Resources页签。我们看到的界面例如以下图所看到的：

窗体中由很多小点构成的部分，就是将来应用程序的界面部分，我们称之为“设计区”。

在整个窗体的左下方，是“属性/事件”窗体，被称为“属性编辑区”在当中能够设置属性。以及增加响应“OnClick”之类事件的代码。点击靠左的显示和设置“属性”。而右边的显示和设置“事件”（如今动手试一下）。

如今仅仅看到整个Frame的属性和事件。我们做些改动。

比如。将Default size属性后面的“√”取消掉，将随后的Width和Height分别设置为400和200。

再将用来设置窗体标题栏的title属性改变为“Hello world”，例如以下图所看到的：

点击设计区右方的show preview图标，能够看到当前设置好的窗体。可见所做设置起了作用。例如以下图：

在设计区下方，有一排小button，用于向窗体中插入“控件”，例如以下图，用鼠标在其上滑过，能够看到其名称。如wxBitmapButton、wxPanel、wxStaticText、wxButton等。

可见。wxSmith提供了相当丰富的控件。

以下。向你的窗体中增加四个控件，各自是：1个wxPanel，1个wxStaticText，2个wxButton。增加时，在控件栏中点击控件，然后。到窗体中的合适位置再点一下，控件即被增加。

调整其位置。使看起来例如以下图所看到的：

逐个选择增加的控件。在“属性编辑区”观察并改变当中的部分属性：

静态文本框：其Identifier属性是ID_STATICTEXT1，将其Label属性中的值删除。
button1：其Identifier属性是ID_BUTTON1，将其Label属性中的值改为&SayHello。
button2：其Identifier属性是ID_BUTTON2。将其Label属性中的值改为&Quit。

再点击设计区右方的show preview图标，观察设计好的窗体，例如以下所看到的：

5.2 为控件增加事件处理程序

应用程序中。须要为button设置OnClick事件，决定事件发生时要做的“动作”。也即要定义事件响应函数。

做法是，选中Quitbutton。在“属性编辑区”点击靠右边的button设置“事件”。

下图是初时的状态，--None--标示着如今还没有事件代码：

点击右边的向下三角。选择“--Add new handler--”，系统自己主动定义了一个函数体为空的函数：

void PlainFrame::OnButton2Click(wxCommandEvent& event)
{
}

如今须要做的。是增加退出程序须要的语句。

增加后函数是：

void PlainFrame::OnButton2Click(wxCommandEvent& event)
{
Close(true);
}

相同的方法。为SayHellobutton加上事件的处理，函数为：

void PlainFrame::OnButton1Click(wxCommandEvent& event)
{
if(StaticText1->GetLabel().Contains(wxT("world")))
StaticText1->SetLabel(StaticText1->GetLabel() + wxT(" again"));
else
StaticText1->SetLabel(wxT("Hello world"));
}

在整个应用程序的开发工作即将结束之际。我们能够完整观察一下已经开发出的程序。

在Code::Blocks左側的Management窗体中。选择Projects页签。打开项目的Sources，即源程序部分的PlainFrame.cpp，以及Headers部分的PlainFrame.h，能够看到的程序的全貌，如上图所看到的。

原来，前面利用wxSmith的全部设计，其结果都转变为了在前几章在看的代码。

wxSmith利用可视化的界面，是在为我们自己主动生成程序！

这时候编译程序，假设有错误，參考3.1.2小节的处理方式，改动程序或配置环境。

最后。应该仅仅有一个错误：undefined reference to `WinMain@16'。

注意到此时的程序，仅仅是定义了窗体类，还缺少整个程序的主控部分。仿照在《wxWidgets tutorial》中见过的无数样例，在项目中增加以下的两个文件：

main.h

#include <wx/wx.h>class MyApp : public wxApp
{
public:
virtual bool OnInit();
};

main.cpp

#include "main.h"
#include "PlainFrame.h"IMPLEMENT_APP(MyApp)bool MyApp::OnInit()
{
PlainFrame *plainFrame = new PlainFrame(NULL);
plainFrame->Show(true); return true;
}

此时，能够让让执行程序了。

以下是程序执行期间的一个截图：