Featured image of post 使用 wxWidgets 的範例

使用 wxWidgets 的範例

什麼是 wxWidgets

wxWidgets 是一個 C++ 的 GUI 函式庫,支援 Windows、Mac、Linux、Android、iOS 等多個平台。

安裝 wxWidgets

  1. 開啟 https://www.wxwidgets.org/downloads/ 並下載 Windows Installer
  2. 執行 wxMSW-3.2.2.1-Setup.exe 進行安裝。
  3. 從安裝的資料夾中開啟 “C:\wxWidgets-3.2.2.1\build\msw\wx_vc17.sln”。
  4. 開啟 wx_vc17.sln 後,選擇 建置批次建置
  5. 按下 全選 按鈕,然後按下 重建 按鈕。
  6. 建置完成後,暫時關閉 Visual Studio。

建立範例專案

  1. 開啟 Visual Studio。
  2. 選擇 檔案新增專案
  3. 選擇 Windows 桌面應用程式(分頁為 C++Windows桌面)。
  4. 專案名稱 輸入 wxWidgetsSample
  5. 點擊 建立
  6. 右鍵點擊 wxWidgetsSample,選擇 屬性
  7. 組態屬性C/C++其他包含目錄 中新增 C:\wxWidgets-3.2.2.1\includeC:\wxWidgets-3.2.2.1\include\msvc
  8. 組態屬性連結器其他程式庫目錄 中新增 C:\wxWidgets-3.2.2.1\lib\vc_x64_lib
  9. 開啟 wxWidgetsSample.cpp 並替換為以下程式碼。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
#pragma comment(linker,"\"/manifestdependency:type='win32' name='Microsoft.Windows.Common-Controls' version='6.0.0.0' processorArchitecture='*' publicKeyToken='6595b64144ccf1df' language='*'\"")

#include <wx/wxprec.h>

#ifndef WX_PRECOMP
#include <wx/wx.h>
#endif

class MyApp : public wxApp
{
public:
	virtual bool OnInit();
};

class MyFrame : public wxFrame
{
public:
	MyFrame();
private:
	void OnHello(wxCommandEvent& event);
	void OnExit(wxCommandEvent& event);
	void OnAbout(wxCommandEvent& event);
};

enum
{
	ID_Hello = 1
};

wxIMPLEMENT_APP(MyApp);

bool MyApp::OnInit()
{
	MyFrame* frame = new MyFrame();
	frame->Show(true);
	return true;
}

MyFrame::MyFrame()
	: wxFrame(NULL, wxID_ANY, "Hello World")
{
	wxMenu* menuFile = new wxMenu;
	menuFile->Append(ID_Hello, "&Hello...\tCtrl-H",
		"Help string shown in status bar for this menu item");
	menuFile->AppendSeparator();
	menuFile->Append(wxID_EXIT);
	wxMenu* menuHelp = new wxMenu;
	menuHelp->Append(wxID_ABOUT);
	wxMenuBar* menuBar = new wxMenuBar;
	menuBar->Append(menuFile, "&File");
	menuBar->Append(menuHelp, "&Help");
	SetMenuBar(menuBar);

	wxButton* button1 = new wxButton(this, ID_Hello, _("Hello"), wxPoint(20, 20), wxSize(100, 32));
	Connect(ID_Hello, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyFrame::OnHello));

	wxButton* button2 = new wxButton(this, wxID_ABOUT, _("About"), wxPoint(20, 60), wxSize(100, 32));
	Connect(wxID_ABOUT, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyFrame::OnAbout));

	wxButton* button3 = new wxButton(this, wxID_EXIT, _("Exit"), wxPoint(20, 100), wxSize(100, 32));
	Connect(wxID_EXIT, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyFrame::OnExit));

	CreateStatusBar();
	SetStatusText("Welcome to wxWidgets!");
	Bind(wxEVT_MENU, &MyFrame::OnHello, this, ID_Hello);
	Bind(wxEVT_MENU, &MyFrame::OnAbout, this, wxID_ABOUT);
	Bind(wxEVT_MENU, &MyFrame::OnExit, this, wxID_EXIT);
}

void MyFrame::OnExit(wxCommandEvent& event)
{
	Close(true);
}

void MyFrame::OnAbout(wxCommandEvent& event)
{
	wxMessageBox("This is a wxWidgets' Hello world sample",
		"About Hello World", wxOK | wxICON_INFORMATION);
}

void MyFrame::OnHello(wxCommandEvent& event)
{
	wxLogMessage("Hello world from wxWidgets!");
}
  1. 建置並執行後,會開啟如下的視窗。

img_1.png

參考資料

範例專案已上傳至以下連結。 wxWidgetsSample

以上。

comments powered by Disqus
使用 Hugo 建立
主題 StackJimmy 設計