{"id":3905,"date":"2021-12-19T09:08:37","date_gmt":"2021-12-19T09:08:37","guid":{"rendered":"http:\/\/truelogic.org\/wordpress\/?p=3905"},"modified":"2021-12-19T09:08:39","modified_gmt":"2021-12-19T09:08:39","slug":"5b-3-wxwidgets-gridsizer","status":"publish","type":"post","link":"https:\/\/truelogic.org\/wordpress\/2021\/12\/19\/5b-3-wxwidgets-gridsizer\/","title":{"rendered":"5b-3. wxWidgets – GridSizer"},"content":{"rendered":"\n

OVERVIEW<\/strong><\/p>\n\n\n\n

wxGridSizer lets you place controls in the form of a grid using rows and columns. All the cells in the grid will have the same size. The constructor method is in the form of wxGridSizer(rows, columns, vertical gap, horizontal gap)<\/p>\n\n\n\n

In the sample code below, we will create a mini spreadsheet layout with buttons for the row and column headings and text controls for the actual cells. When you resize the window, the cells will stretch to fill the empty space.<\/p>\n\n\n\n

SAMPLE CODE<\/strong><\/p>\n\n\n\n

wxgridsizer.h<\/strong><\/pre>\n\n\n
\n#include <wx\/wxprec.h>\n#ifndef WX_PRECOMP\n    #include <wx\/wx.h>\n#endif\n\nclass GridSizer: public wxFrame {\n\n    public:\n      GridSizer(const wxString &title);\n \n};\n<\/pre><\/div>\n\n\n
wxgridsizer.cpp<\/pre>\n\n\n
\n#include "wxgridsizer.h"\n\n\nGridSizer::GridSizer(const wxString &title):\n\n    wxFrame(NULL, -1, title, wxDefaultPosition, wxSize(500,200)) {\n    wxPanel *basePanel = new wxPanel(this, -1);\n    wxGridSizer *baseSizer = new wxGridSizer(5,5,0,0);\n    basePanel->SetSizer(baseSizer);\n\n\n    wxButton *btnHome = new wxButton(basePanel, -1, wxT(""));\n    baseSizer->Add(btnHome,1, wxEXPAND);\n\n    wxButton *btnCol1 = new wxButton(basePanel, -1, wxT("A"));\n    baseSizer->Add(btnCol1,1, wxEXPAND);\n\n    wxButton *btnCol2 = new wxButton(basePanel, -1, wxT("B"));\n    baseSizer->Add(btnCol2,1, wxEXPAND);\n\n    wxButton *btnCol3 = new wxButton(basePanel, -1, wxT("C"));\n    baseSizer->Add(btnCol3,1, wxEXPAND);\n\n    wxButton *btnCol4 = new wxButton(basePanel, -1, wxT("D"));\n    baseSizer->Add(btnCol4,1, wxEXPAND);\n\n    for (int row = 1; row <=4; row++) {\n    \tfor(int col = 1; col <=5; col++) {\n\t  if (col == 1) {\n\t  \twxButton *col = new wxButton(basePanel, -1, wxString::Format(wxT("%d"),row));\n\t\tbaseSizer->Add(col,1, wxEXPAND);\n\t  } else {\n\t  \twxTextCtrl *txt = new wxTextCtrl(basePanel, -1);\n\t\ttxt->SetMaxLength(10);\n\t\tbaseSizer->Add(txt,1, wxEXPAND);\n\t  }\n\t}\n    }\n\n    Center();\n\n}\n\n<\/pre><\/div>\n\n\n
The output is shown below<\/p>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
OVERVIEW wxGridSizer lets you place controls in the form of a grid using rows and columns. All the cells in the grid will have the […]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":3595,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302,365],"tags":[],"class_list":["post-3905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc","category-wxwidgets"],"_links":{"self":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/3905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/comments?post=3905"}],"version-history":[{"count":5,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/3905\/revisions"}],"predecessor-version":[{"id":3911,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/3905\/revisions\/3911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/media\/3595"}],"wp:attachment":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/media?parent=3905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/categories?post=3905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/tags?post=3905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}