# wxWidgets 小部件 II > 原文： [http://zetcode.com/gui/wxwidgets/widgetsII/](http://zetcode.com/gui/wxwidgets/widgetsII/) 在本章中，我們將繼續介紹其他各種小部件。 我們將提到`wxListBox`，`wxNotebook`和`wxScrolledWindow`。 ## `wxListBox` `wxListBox`小部件用于顯示和使用項目列表。 顧名思義，它是一個矩形，里面有一個字符串列表。 我們可以使用它來顯示 MP3 文件，書籍名稱，較大項目的模塊名稱或朋友名稱的列表。 可以在兩種不同的狀態下創建`wxListBox`。 在單選狀態或多選狀態下。 單一選擇狀態是默認狀態。 `wxListBox`中有兩個重要事件。 第一個是`wxEVT_COMMAND_LISTBOX_SELECTED`事件。 當我們在`wxListBox`中選擇一個字符串時，將生成此事件。 第二個事件是`wxEVT_COMMAND_LISTBOX_DOUBLE_CLICKED`事件。 當我們雙擊`wxListBox`中的項目時會生成該文件。 `wxListBox`內部的元素數量在 GTK 平臺上受到限制。 根據文檔，當前大約有 2000 個元素。 元素從零開始編號。 如果需要，滾動條會自動顯示。 `Listbox.h` ```cpp #include <wx/wx.h> #include <wx/listbox.h> class MyPanel : public wxPanel { public: MyPanel(wxPanel *parent); void OnNew(wxCommandEvent& event); void OnRename(wxCommandEvent& event); void OnClear(wxCommandEvent& event); void OnDelete(wxCommandEvent& event); wxListBox *m_lb; wxButton *m_newb; wxButton *m_renameb; wxButton *m_clearb; wxButton *m_deleteb; }; class Listbox : public wxFrame { public: Listbox(const wxString& title); void OnDblClick(wxCommandEvent& event); wxListBox *listbox; MyPanel *btnPanel; }; const int ID_RENAME = 1; const int ID_LISTBOX = 5; ``` `Listbox.cpp` ```cpp #include "listbox.h" #include <wx/textdlg.h> Listbox::Listbox(const wxString& title) : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(270, 200)) { wxPanel * panel = new wxPanel(this, -1); wxBoxSizer *hbox = new wxBoxSizer(wxHORIZONTAL); listbox = new wxListBox(panel, ID_LISTBOX, wxPoint(-1, -1), wxSize(-1, -1)); hbox->Add(listbox, 3, wxEXPAND | wxALL, 20); btnPanel = new MyPanel(panel); hbox->Add(btnPanel, 2, wxEXPAND | wxRIGHT, 10); Connect(wxEVT_COMMAND_LISTBOX_DOUBLECLICKED, wxCommandEventHandler(Listbox::OnDblClick)); panel->SetSizer(hbox); Center(); } MyPanel::MyPanel(wxPanel * parent) : wxPanel(parent, wxID_ANY) { wxBoxSizer *vbox = new wxBoxSizer(wxVERTICAL); Listbox *lb = (Listbox *) parent->GetParent(); m_lb = lb->listbox; m_newb = new wxButton(this, wxID_NEW, wxT("New")); m_renameb = new wxButton(this, ID_RENAME, wxT("Rename")); m_deleteb = new wxButton(this, wxID_DELETE, wxT("Delete")); m_clearb = new wxButton(this, wxID_CLEAR, wxT("Clear")); Connect(wxID_NEW, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyPanel::OnNew) ); Connect(ID_RENAME, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyPanel::OnRename) ); Connect(wxID_CLEAR, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyPanel::OnClear) ); Connect(wxID_DELETE, wxEVT_COMMAND_BUTTON_CLICKED, wxCommandEventHandler(MyPanel::OnDelete) ); vbox->Add(-1, 20); vbox->Add(m_newb); vbox->Add(m_renameb, 0, wxTOP, 5); vbox->Add(m_deleteb, 0, wxTOP, 5); vbox->Add(m_clearb, 0, wxTOP, 5); SetSizer(vbox); } void MyPanel::OnNew(wxCommandEvent& event) { wxString str = wxGetTextFromUser(wxT("Add new item")); if (str.Len() > 0) m_lb->Append(str); } void MyPanel::OnClear(wxCommandEvent& event) { m_lb->Clear(); } void MyPanel::OnRename(wxCommandEvent& event) { wxString text; wxString renamed; int sel = m_lb->GetSelection(); if (sel != -1) { text = m_lb->GetString(sel); renamed = wxGetTextFromUser(wxT("Rename item"), wxT("Rename dialog"), text); } if (!renamed.IsEmpty()) { m_lb->Delete(sel); m_lb->Insert(renamed, sel); } } void MyPanel::OnDelete(wxCommandEvent& event) { int sel = m_lb->GetSelection(); if (sel != -1) { m_lb->Delete(sel); } } void Listbox::OnDblClick(wxCommandEvent& event) { wxString text; wxString renamed; int sel = listbox->GetSelection(); if (sel != -1) { text = listbox->GetString(sel); renamed = wxGetTextFromUser(wxT("Rename item"), wxT("Rename dialog"), text); } if (!renamed.IsEmpty()) { listbox->Delete(sel); listbox->Insert(renamed, sel); } } ``` `main.h` ```cpp #include <wx/wx.h> class MyApp : public wxApp { public: virtual bool OnInit(); }; ``` `main.cpp` ```cpp #include "main.h" #include "Listbox.h" IMPLEMENT_APP(MyApp) bool MyApp::OnInit() { Listbox *listbox = new Listbox(wxT("Listbox")); listbox->Show(true); return true; } ``` ```cpp listbox = new wxListBox(panel, ID_LISTBOX, wxPoint(-1, -1), wxSize(-1, -1)); ``` 這是列表框窗口小部件的構造器。 在我們的示例中，我們有一個列表框和四個按鈕。 這些按鈕用于添加，重命名，刪除和清除列表框中的所有項目。 ```cpp wxString str = wxGetTextFromUser(wxT("Add new item")); if (str.Len() > 0) m_lb->Append(str); ``` 要向列表框中添加新字符串，我們將顯示一個`wxGetTextFromUser`對話框。 我們調用`Append()`方法將字符串附加到列表框。 ```cpp m_lb->Clear(); ``` 清除所有項目是最簡單的操作。 我們只調用`Clear()`方法。 ```cpp int sel = m_lb->GetSelection(); if (sel != -1) { m_lb->Delete(sel); } ``` 要刪除一個項目，我們找出選定的項目。 然后我們調用`Delete()`方法。 重命名項目需要幾個步驟。 ```cpp wxString text; wxString renamed; ``` 我們定義了兩個局部變量。 ```cpp int sel = listbox->GetSelection(); if (sel != -1) { text = listbox->GetString(sel); renamed = wxGetTextFromUser(wxT("Rename item"), wxT("Rename dialog"), text); } ``` 我們獲取選定的字符串并將其保存到重命名的變量中。 ```cpp if (!renamed.IsEmpty()) { m_lb->Delete(sel); m_lb->Insert(renamed, sel); } ``` 我們檢查重命名的變量是否為空。 這是為了避免插入空字符串。 然后，我們刪除舊項目并插入新項目。  圖：列表框 ## `wxNotebook` `wxNotebook`小部件將多個窗口與相應的選項卡連接在一起。 您可以使用以下樣式標志來定位`wxNotebook`小部件： * `wxNB_LEFT` * `wxNB_RIGHT` * `wxNB_TOP` * `wxNB_BOTTOM` 默認位置為`wxNB_TOP`。 `Notebook.h` ```cpp #include <wx/wx.h> #include <wx/notebook.h> #include <wx/grid.h> class Notebook : public wxFrame { public: Notebook(const wxString& title); void OnQuit(wxCommandEvent& event); }; class MyGrid : public wxGrid { public: MyGrid(wxNotebook *parent); }; ``` `Notebook.cpp` ```cpp #include "Notebook.h" Notebook::Notebook(const wxString& title) : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(400, 350)) { wxNotebook *nb = new wxNotebook(this, -1, wxPoint(-1, -1), wxSize(-1, -1), wxNB_BOTTOM); wxMenuBar *menubar = new wxMenuBar; wxMenu *file = new wxMenu; file->Append(wxID_EXIT, wxT("Quit"), wxT("")); menubar->Append(file, wxT("&File")); SetMenuBar(menubar); Connect(wxEVT_COMMAND_MENU_SELECTED, wxCommandEventHandler(Notebook::OnQuit)); MyGrid *grid1 = new MyGrid(nb); MyGrid *grid2 = new MyGrid(nb); MyGrid *grid3 = new MyGrid(nb); nb->AddPage(grid1, wxT("Sheet1")); nb->AddPage(grid2, wxT("Sheet2")); nb->AddPage(grid3, wxT("Sheet3")); CreateStatusBar(); Center(); } void Notebook::OnQuit(wxCommandEvent& event) { Close(true); } MyGrid::MyGrid(wxNotebook * parent) : wxGrid(parent, wxID_ANY) { CreateGrid(30, 30); SetRowLabelSize(50); SetColLabelSize(25); SetRowLabelAlignment(wxALIGN_RIGHT, wxALIGN_CENTRE); SetLabelFont(wxFont(9, wxFONTFAMILY_DEFAULT, wxFONTSTYLE_NORMAL, wxFONTWEIGHT_BOLD)); for (int i = 0; i < 30 ; i++) { this->SetRowSize(i, 25); } } ``` `main.h` ```cpp #include <wx/wx.h> class MyApp : public wxApp { public: virtual bool OnInit(); }; ``` `main.cpp` ```cpp #include "main.h" #include "Notebook.h" IMPLEMENT_APP(MyApp) bool MyApp::OnInit() { Notebook *notebook = new Notebook(wxT("Notebook")); notebook->Show(true); return true; } ``` 在此示例中，我們創建了帶有三個網格的筆記本小部件。 筆記本小部件位于底部。 ```cpp wxNotebook *nb = new wxNotebook(this, -1, wxPoint(-1, -1), wxSize(-1, -1), wxNB_BOTTOM); ``` 在這里，我們創建筆記本小部件。 ```cpp nb->AddPage(grid1, wxT("Sheet1")); nb->AddPage(grid2, wxT("Sheet2")); nb->AddPage(grid3, wxT("Sheet3")); ``` 我們將三個網格對象添加到筆記本小部件中。  圖：`Notebook`小部件 ## `wxScrolledWindow` 這是容器小部件之一。 當我們的區域大于窗口可以顯示的區域時，此功能將非常有用。 在我們的示例中，我們演示了這種情況。 我們將大圖像放入窗口。 當窗口小于我們的圖像時，將自動顯示滾動條。 `scrolledwindow.h` ```cpp #include <wx/wx.h> class ScrWindow : public wxFrame { public: ScrWindow(const wxString& title); }; ``` `scrolledwindow.cpp` ```cpp #include "scrolledwindow.h" ScrWindow::ScrWindow(const wxString& title) : wxFrame(NULL, wxID_ANY, title, wxDefaultPosition, wxSize(300, 200)) { wxImage::AddHandler(new wxJPEGHandler); wxScrolledWindow *sw = new wxScrolledWindow(this); wxBitmap bmp(wxT("castle.jpg"), wxBITMAP_TYPE_JPEG); wxStaticBitmap *sb = new wxStaticBitmap(sw, -1, bmp); int width = bmp.GetWidth(); int height = bmp.GetHeight(); sw->SetScrollbars(10, 10, width/10, height/10); sw->Scroll(50,10); Center(); } ``` `main.h` ```cpp #include <wx/wx.h> class MyApp : public wxApp { public: virtual bool OnInit(); }; ``` `main.cpp` ```cpp #include "main.h" #include "scrolledwindow.h" IMPLEMENT_APP(MyApp) bool MyApp::OnInit() { ScrWindow *sw = new ScrWindow(wxT("ScrolledWindow")); sw->Show(true); return true; } ``` 在我們的示例中，我們顯示了 Spis 城堡的圖片。 ```cpp wxImage::AddHandler(new wxJPEGHandler); ``` 要處理 JPG 圖像，我們必須啟動`wxJPEGHandler`。 ```cpp wxScrolledWindow *sw = new wxScrolledWindow(this); wxBitmap bmp(wxT("castle.jpg"), wxBITMAP_TYPE_JPEG); wxStaticBitmap *sb = new wxStaticBitmap(sw, -1, bmp); ``` 我們創建一個滾動窗口，并在其中放置一個靜態位圖。 ```cpp sw->SetScrollbars(10, 10, width/10, height/10); ``` 我們設置滾動條。 ```cpp sw->Scroll(50,10); ``` 我們稍微滾動窗口。 在本章中，我們繼續介紹 wxWidgets 庫中的小部件。