在Linux下使用wxWidgets进行跨平台GUI开发（三）

创建wxWidgets应用程序

在本文中，我们将了解创建wxWidgets应用程序所需的基础知识。首先创建一个简单的示例程序，展示如何显示图标；接着通过另一个示例演示事件的使用方法；最后探讨wxWidgets应用程序中控件之间的通信机制。
一个简单的应用程序

首先我们创建一个非常基础的wxWidgets程序。

1. // simple.h
2. #include <wx/wx.h>
4. class Simple : public wxFrame
5. {
6. public:
7.     Simple(const wxString& title);
9. };
11. // simple.cpp
12. #include "simple.h"
14. Simple::Simple(const wxString& title)
15.        : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(250, 150))
16. {
17.   Centre();
18. }
20. // main.h
21. #include <wx/wx.h>
23. class MyApp : public wxApp
24. {
25.   public:
26.     virtual bool OnInit();
27. };
29. // main.cpp
30. #include "main.h"
31. #include "simple.h"
33. IMPLEMENT_APP(MyApp)
35. bool MyApp::OnInit()
36. {
37.     Simple *simple = new Simple(wxT("Simple"));
38.     simple->Show(true);
40.     return true;
41. }

复制代码

用CMake构建工具，须编写CMakeLists.txt

1. cmake_minimum_required(VERSION 3.10)
2. project(simple)
4. if(WIN32)
5.   find_package(wxWidgets 3.2 REQUIRED COMPONENTS core base CONFIG)
6. else()
7.   find_package(wxWidgets 3.2 REQUIRED COMPONENTS core base)
8. endif()
10. if(wxWidgets_USE_FILE)                 # not defined in CONFIG mode
11.   include(${wxWidgets_USE_FILE})
12. endif()
14. set(SRC_FILES
15.     main.cpp
16.     simple.cpp
17.     )
19. # Define the build target for the executable, e.g. windows application.
20. add_executable(${PROJECT_NAME} WIN32 MACOSX_BUNDLE ${SRC_FILES})
21. target_link_libraries(${PROJECT_NAME} ${wxWidgets_LIBRARIES})
23. if(MSVC)
24.   target_include_directories(${PROJECT_NAME} PUBLIC "${wxWidgets_INCLUDE_DIRS}/msvc")
25. endif()
27. if(CMAKE_SIZEOF_VOID_P EQUAL 8)
28.   message(STATUS "Configuring for 64-bit build.")
29.   set(EXECUTABLE_OUTPUT_PATH ${PROJECT_SOURCE_DIR}/out)
30.   if(NOT MSVC)
31.     set(EXECUTABLE_OUTPUT_PATH ${PROJECT_SOURCE_DIR}/out/${CMAKE_BUILD_TYPE})
32.   endif()
34. else()
35.   message(STATUS "Configuring for 32-bit build.")
36.   set(EXECUTABLE_OUTPUT_PATH ${PROJECT_SOURCE_DIR}/out/b32)
37.   if(NOT MSVC)
38.     set(EXECUTABLE_OUTPUT_PATH ${PROJECT_SOURCE_DIR}/out/b32/${CMAKE_BUILD_TYPE})
39.   endif()
40. endif()

复制代码

现在，生成的可执行程序将会放在out文件夹内部。值得一提的是CMake采用Config模式在Windows下构建wxWidgets应用程序更好用，而在Linux下这个模式反而更麻烦了。
这个非常基础的示例在屏幕上显示了一个小窗口。该窗口位于屏幕中央。
Centre();                //这个方法将窗口在屏幕上水平和垂直居中。
IMPLEMENT_APP(MyApp)         //实现应用程序的代码被隐藏在这个宏后面。
这段代码通常是复制粘贴复用的，我们一般不需要关心它。
运行效果例如在Linux下将显示

应用程序图标

在本示例中，我们为应用程序提供了一个图标。在窗口左上角显示小图标已成为标准做法，该图标是程序的图形标识。

1. // icon.h
2. #include <wx/wx.h>
4. class Icon : public wxFrame
5. {
6. public:
7.     Icon(const wxString& title);
9. };
11. // icon.cpp
12. #include "icon.h"
14. Icon::Icon(const wxString& title)
15.        : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(250, 150))
16. {
17.   SetIcon(wxIcon(wxT("web.xpm")));
18.   Centre();
19. }
21. // main.h
22. #include <wx/wx.h>
24. class MyApp : public wxApp
25. {
26.   public:
27.     virtual bool OnInit();
28. };
30. // main.cpp
31. #include "main.h"
32. #include "icon.h"
34. IMPLEMENT_APP(MyApp)
36. bool MyApp::OnInit()
37. {
38.     Icon *icon = new Icon(wxT("Icon"));
39.     icon->Show(true);
41.     return true;
42. }

复制代码

在我们的示例中，我们展示了一个小小的网页图标。
SetIcon(wxIcon(wxT("web.xpm")));
只需一行代码即可显示应用程序图标。XPM（X PixMap）是一种ASCII图像格式。
一个简单的按钮

在以下示例中，我们将在框架部件上创建一个按钮。我们将展示如何创建一个简单的事件处理器。

1. // button.h
2. #include <wx/wx.h>
4. class Button : public wxFrame
5. {
6. public:
7.     Button(const wxString& title);
9.     void OnQuit(wxCommandEvent & event);
10. };
12. // button.cpp
13. #include "button.h"
15. Button::Button(const wxString& title)
16.        : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(270, 150))
17. {
18.   wxPanel *panel = new wxPanel(this, wxID_ANY);
20.   wxButton *button = new wxButton(panel, wxID_EXIT, wxT("Quit"),
21.       wxPoint(20, 20));
22.   Connect(wxID_EXIT, wxEVT_COMMAND_BUTTON_CLICKED,
23.       wxCommandEventHandler(Button::OnQuit));
24.   button->SetFocus();
25.   Centre();
26. }
28. void Button::OnQuit(wxCommandEvent & WXUNUSED(event))
29. {
30.     Close(true);
31. }
33. // main.h
34. #include <wx/wx.h>
36. class MyApp : public wxApp
37. {
38.   public:
39.     virtual bool OnInit();
40. };
42. // main.cpp
43. #include "main.h"
44. #include "button.h"
46. IMPLEMENT_APP(MyApp)
48. bool MyApp::OnInit()
49. {
51.     Button *btnapp = new Button(wxT("Button"));
52.     btnapp->Show(true);
54.     return true;
55. }

复制代码

首先我们创建一个 wxPanel 部件，它将被放置在 wxFrame 部件内部。
我们创建一个 wxButton 部件，将其放置在面板上。我们为按钮使用了预定义的 wxID_EXIT ID，这会使按钮上显示一个小的退出图标。按钮的标签是"退出"(Quit)。按钮被手动定位在坐标 x=20，y=20 处。坐标系的起点位于左上角。
当我们点击按钮时，会生成一个 wxEVT_COMMAND_BUTTON_CLICKED 事件。我们将该事件连接到 Button 类的 OnQuit 方法。因此当我们点击按钮时，就会调用 OnQuit 方法。
我们将键盘焦点设置在该按钮上。这样当我们按下回车键时，就会触发按钮的点击事件。
在 OnQuit 方法内部，我们调用了 Close 方法。这将终止我们的应用程序。
（补充说明：在 wxWidgets 框架中，调用 Close() 方法会触发 wxEVT_CLOSE_WINDOW 事件，该事件的默认处理程序会调用 wxWindow:estroy() 来销毁窗口。对于应用程序的主窗口来说，这会进一步导致整个应用程序退出，前提是没有其他顶级窗口存在。这是 wxWidgets 应用程序的标准退出流程之一）
组件通信

了解组件如何在应用程序中进行通信非常重要。请看以下示例。

1. // Panels.h
2. #include <wx/wx.h>
3. #include <wx/panel.h>
5. class LeftPanel : public wxPanel
6. {
7. public:
8.     LeftPanel(wxPanel *parent);
10.     void OnPlus(wxCommandEvent & event);
11.     void OnMinus(wxCommandEvent & event);
13.     wxButton *m_plus;
14.     wxButton *m_minus;
15.     wxPanel *m_parent;
16.     int count;
18. };
20. class RightPanel : public wxPanel
21. {
22. public:
23.     RightPanel(wxPanel *parent);
25.     void OnSetText(wxCommandEvent & event);
27.     wxStaticText *m_text;
29. };
31. const int ID_PLUS = 101;
32. const int ID_MINUS = 102;
35. // Panels.cpp
36. #include <wx/stattext.h>
37. #include "Communicate.h"
39. LeftPanel::LeftPanel(wxPanel * parent)
40.        : wxPanel(parent, -1, wxPoint(-1, -1), wxSize(-1, -1), wxBORDER_SUNKEN)
41. {
42.   count = 0;
43.   m_parent = parent;
44.   m_plus = new wxButton(this, ID_PLUS, wxT("+"),
45.       wxPoint(10, 10));
46.   m_minus = new wxButton(this, ID_MINUS, wxT("-"),
47.       wxPoint(10, 60));
48.   Connect(ID_PLUS, wxEVT_COMMAND_BUTTON_CLICKED,
49.       wxCommandEventHandler(LeftPanel::OnPlus));
50.   Connect(ID_MINUS, wxEVT_COMMAND_BUTTON_CLICKED,
51.       wxCommandEventHandler(LeftPanel::OnMinus));
52. }
54. void LeftPanel::OnPlus(wxCommandEvent & WXUNUSED(event))
55. {
56.   count++;
58.   Communicate *comm = (Communicate *) m_parent->GetParent();
59.   comm->m_rp->m_text->SetLabel(wxString::Format(wxT("%d"), count));
60. }
62. void LeftPanel::OnMinus(wxCommandEvent & WXUNUSED(event))
63. {
64.   count--;
66.   Communicate *comm = (Communicate *) m_parent->GetParent();
67.   comm->m_rp->m_text->SetLabel(wxString::Format(wxT("%d"), count));
68. }
71. RightPanel::RightPanel(wxPanel * parent)
72.        : wxPanel(parent, wxID_ANY, wxDefaultPosition,
73.          wxSize(270, 150), wxBORDER_SUNKEN)
74. {
75.     m_text = new wxStaticText(this, -1, wxT("0"), wxPoint(40, 60));
76. }
79. // Communicate.h
80. #include "Panels.h"
81. #include <wx/wxprec.h>
84. class Communicate : public wxFrame
85. {
86. public:
87.     Communicate(const wxString& title);
90.     LeftPanel *m_lp;
91.     RightPanel *m_rp;
92.     wxPanel *m_parent;
94. };
97. // Communicate.cpp
98. #include "Communicate.h"
100. Communicate::Communicate(const wxString& title)
101.        : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(290, 150))
102. {
103.   m_parent = new wxPanel(this, wxID_ANY);
105.   wxBoxSizer *hbox = new wxBoxSizer(wxHORIZONTAL);
107.   m_lp = new LeftPanel(m_parent);
108.   m_rp = new RightPanel(m_parent);
110.   hbox->Add(m_lp, 1, wxEXPAND | wxALL, 5);
111.   hbox->Add(m_rp, 1, wxEXPAND | wxALL, 5);
113.   m_parent->SetSizer(hbox);
115.   this->Centre();
116. }
119. // main.h
120. #include <wx/wx.h>
122. class MyApp : public wxApp
123. {
124.   public:
125.     virtual bool OnInit();
126. };
128. // main.cpp
129. #include "main.h"
130. #include "Communicate.h"
132. IMPLEMENT_APP(MyApp)
134. bool MyApp::OnInit()
135. {
137.     Communicate *communicate = new Communicate(wxT("Widgets communicate"));
138.     communicate->Show(true);
140.     return true;
141. }

复制代码

在我们的示例中，我们有两个面板：左侧面板和右侧面板。左侧面板有两个按钮，右侧面板有一个静态文本控件。这些按钮可以改变静态文本中显示的数字。现在的问题是：我们如何获取指向该静态文本控件的指针？
我们保存了指向 LeftPanel 父部件的指针，该父部件是一个 wxPanel 组件。
Communicate *comm = (Communicate *) m_parent->GetParent();
comm->m_rp->m_text->SetLabel(wxString::Format(wxT("%d"), count));
这两行代码是本示例中最关键的部分，它们展示了如何访问位于另一个面板上的静态文本控件。首先我们获取左右两个面板的父部件，这个父部件持有指向右侧面板的指针，而右侧面板又保存着指向静态文本控件的指针。在wxWidgets框架中，这种通过父窗口访问同级控件的模式是跨面板通信的典型实现方式。
至此，在wxWidgets教程的这一部分中，我们已经创建了一些简单的程序。

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！