如何在wxWidgets中从左下角而非左上角添加Sizer中的控件？

要实现正方形在largePanel底部排列，需要从控件绘制逻辑和面板布局结构两个核心点调整：

问题根源 #

1. 你当前的Square类手动管理绘制位置，这和sizer的布局逻辑冲突——sizer会自动控制控件位置，而Draw方法里用传入的position绘制会导致偏移。
2. largePanel直接将squareSizer设为主sizer，导致squareSizer占据整个面板空间，控件自然从左上角开始排列。

修改步骤及代码 #

1. 修正Square控件的绘制逻辑

移除多余的位置参数，让控件只负责自身内部的正方形绘制，位置完全交给sizer管理：

Square.h

#pragma once
#include <wx/wx.h>

class Square : public wxWindow
{
    wxSize size;
    wxBrush brushColor;

public:
    Square(wxPanel* parent, wxSize rectSize, wxColour rectColor);

    void PaintEvent(wxPaintEvent& evt);
    void Draw(wxDC& dc);

    DECLARE_EVENT_TABLE()
};

Square.cpp

#include "Square.h"

BEGIN_EVENT_TABLE(Square, wxWindow)
EVT_PAINT(Square::PaintEvent)
END_EVENT_TABLE()

Square::Square(wxPanel* parent, wxSize size, wxColour color) 
    : wxWindow(parent, wxID_ANY, wxDefaultPosition, size)
{
    this->size = size;
    this->brushColor = wxBrush(color);
    SetMinSize(size); // 锁定控件最小尺寸，避免被sizer压缩
}

void Square::PaintEvent(wxPaintEvent& evt)
{
    wxPaintDC dc(this);
    Draw(dc);
}

void Square::Draw(wxDC& dc)
{
    dc.SetBrush(brushColor);
    dc.DrawRectangle(0, 0, size.x, size.y); // 相对于控件自身左上角绘制
}

2. 调整largePanel的布局结构

给largePanel添加垂直主sizer，通过拉伸占位把正方形sizer推到底部：

MainWindow.cpp

#include "MainWindow.h"
#include "Square.h"

MainWindow::MainWindow(const wxString& title) : wxFrame(nullptr, wxID_ANY, title)
{
    wxBoxSizer* mainSizer = new wxBoxSizer(wxHORIZONTAL);
    wxPanel* sidePanel = new wxPanel(this, wxID_ANY);
    wxPanel* largePanel = new wxPanel(this, wxID_ANY);

    mainSizer->Add(sidePanel, 1, wxEXPAND | wxLEFT | wxTOP | wxBOTTOM, 5);
    mainSizer->Add(largePanel, 7, wxEXPAND | wxALL, 5);

    this->SetSizerAndFit(mainSizer);

    // 创建largePanel的垂直主sizer
    wxBoxSizer* largePanelSizer = new wxBoxSizer(wxVERTICAL);
    wxBoxSizer* squareSizer = new wxBoxSizer(wxHORIZONTAL);

    // 创建Square控件（不再传位置参数）
    Square* red_square = new Square(largePanel, wxSize(20, 20), wxColour(255, 0, 0));
    Square* green_square = new Square(largePanel, wxSize(20, 20), wxColour(0, 255, 0));
    Square* blue_square = new Square(largePanel, wxSize(20, 20), wxColour(0, 0, 255));

    // 添加正方形到水平sizer，保持固定尺寸并设置间距
    squareSizer->Add(red_square, 0, wxRIGHT, 5);
    squareSizer->Add(green_square, 0, wxRIGHT, 5);
    squareSizer->Add(blue_square, 0);

    // 上方添加拉伸占位，将正方形sizer推到底部
    largePanelSizer->AddStretchSpacer(1);
    // 底部添加正方形sizer，居中排列并留边距
    largePanelSizer->Add(squareSizer, 0, wxALIGN_CENTER | wxBOTTOM, 10);

    largePanel->SetSizer(largePanelSizer);
}

关键修改说明 #

• Square控件：移除手动位置管理，改为相对于自身窗口绘制，同时设置最小尺寸防止被sizer变形。
• 布局调整：largePanel使用垂直sizer，AddStretchSpacer(1)占据上方所有剩余空间，迫使squareSizer停靠在面板底部；通过wxALIGN_CENTER让正方形水平居中，也可换成wxALIGN_LEFT或wxALIGN_RIGHT调整水平位置。

内容的提问来源于stack exchange，提问作者zoinkers