wxWidgets GridSizer 将所有按钮放在同一位置

Question

我正在学习 wxWidgets 并尝试使用 wxButtons 制作扫雷。我使用以下代码来创建和定位按钮：

int length = 10;

wxGridSizer *grid = new wxGridSizer(length, length, 0, 0);
wxButton *buttons[length*length];

for (int i=0; i<length*length; i++){
    buttons[i] = new wxButton(this, wxID_ANY);
    grid->Add(buttons[i], 1, wxEXPAND | wxALL);
    if (mineField[i]){
        Bind(wxEVT_BUTTON, &MainWindow::isMine, this);
    } else {
        Bind(wxEVT_BUTTON, &MainWindow::notMine, this);
    }
    
}

我希望这会生成一个 10x10 的按钮网格，但它会将所有按钮定位在 (0,0)。我已经在谷歌上搜索了一段时间，但我找不到问题。如何将按钮放置在 10x10 网格中？谢谢。

Answer 1

要使网格尺寸器布局按钮，您需要

1. 将其设置为窗口大小或
2. 将其添加到另一个 sizer。

假设上面的代码来自主框架窗口的构造函数，你可以将 grid 设置为像这样的框架的尺寸器

SetSizer(grid);

另一方面，如果您在框架中有其他控件并且需要将网格添加到另一个 sizer，您可以这样做：

otherSizer->Add(grid,wxSizerFlags(0));

显然，'otherSizer' 应该被替换为另一个sizer 的名称。有很多options that can be used with wxSizerFlags 可以获得您想要的确切布局。

此外，如上所述，有时通过调用Layout() 方法来结束创建和组织您使用的控件的所有代码会很有帮助。

---

您可以使用的另一种策略是让单个面板成为框架的唯一子项，然后为面板设置一个大小调整器。这是因为在 wxWidgets 中，每当一个顶级窗口（如框架）有一个子窗口时，该子窗口的大小会自动调整以填充所有可用区域。

使用这种技术，可以像这样创建顶部带有文本控件和底部网格的布局：

// Create the controls
wxPanel* bgPanel = new wxPanel(this, wxID_ANY);
wxTextCtrl* text = new wxTextCtrl(bgPanel, wxID_ANY);

wxGridSizer *grid = new wxGridSizer(length, length, 0, 0);
wxButton *buttons[length*length];

for (int i=0; i<length*length; i++){
    buttons[i] = new wxButton(bgPanel, wxID_ANY);
    grid->Add(buttons[i], 1, wxEXPAND | wxALL);
    if (mineField[i]){
        Bind(wxEVT_BUTTON, &MainWindow::isMine, this);
    } else {
        Bind(wxEVT_BUTTON, &MainWindow::notMine, this);
    }

}

// Create a sizer for the panel and add the text control and grid to it.
wxBoxSizer* mainSizer = new wxBoxSizer(wxVERTICAL);
mainSizer->Add(text, wxSizerFlags(0).Expand().Border(wxALL));
mainSizer->Add(grid,wxSizerFlags(1).Expand().Border(wxLEFT|wxRIGHT|wxBOTTOM));
bgPanel->SetSizer(mainSizer);