嘿，我刚好在Qt 5.15里做过类似的需求，给你分享几个靠谱的实现思路，亲测好用！

核心思路：布局拆分+自定义绘图组件 #

Qt的布局系统天生适合这种分区域的界面，核心就是把窗口拆成功能控制区和绘图操作区两部分，用布局管理器把它们组合起来，这样窗口缩放时两个区域还能自动适配。

1. 选择合适的布局组合 #

根据你的功能区摆放需求，选对应的布局：

• 如果功能区在顶部（比如工具栏+按钮组）：用QVBoxLayout，顶部放功能控件容器，下方放绘图区
• 如果功能区在左侧（比如侧边工具栏）：用QHBoxLayout，左侧放功能控件容器，右侧放绘图区
• 也可以混合布局，比如顶部+左侧都有功能区，嵌套QVBoxLayout和QHBoxLayout就行

2. 实现自定义绘图区域 #

绘图区推荐两种实现方式，按需选择：

方式一：自定义QWidget（轻量灵活）

继承QWidget，重写paintEvent方法来实现绘图逻辑，这是最常用的轻量方案：

#include <QWidget>
#include <QPainter>

class DrawingArea : public QWidget
{
    Q_OBJECT
public:
    explicit DrawingArea(QWidget *parent = nullptr) : QWidget(parent) {
        // 设置绘图区最小尺寸，避免窗口缩得过小
        setMinimumSize(600, 400);
    }

protected:
    void paintEvent(QPaintEvent *event) override {
        Q_UNUSED(event);
        QPainter painter(this);
        // 这里写你的绘图逻辑，比如画直线、矩形、自定义图形
        painter.setPen(Qt::red);
        painter.drawLine(0, 0, width(), height());
        // 更多绘图操作...
    }
};

方式二：QGraphicsView（复杂图形场景）

如果你的绘图需求涉及大量可交互的图形元素（比如拖拽、选中、分层），推荐用QGraphicsScene+QGraphicsView的组合，它自带图形管理能力：

#include <QGraphicsView>
#include <QGraphicsScene>

// 在主窗口中初始化
QGraphicsScene *scene = new QGraphicsScene(this);
QGraphicsView *view = new QGraphicsView(scene);
// 给场景添加图形项
scene->addLine(0,0,200,200, QPen(Qt::blue));
// 开启抗锯齿，让图形更平滑
view->setRenderHint(QPainter::Antialiasing);

3. 组装界面的完整示例 #

以左侧功能区+右侧绘图区为例，主窗口的代码大概是这样：

#include <QMainWindow>
#include <QHBoxLayout>
#include <QPushButton>
#include <QGroupBox>

class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    MainWindow(QWidget *parent = nullptr) : QMainWindow(parent) {
        // 中央部件作为布局载体
        QWidget *centralWidget = new QWidget(this);
        setCentralWidget(centralWidget);
        
        // 主布局：左侧功能区，右侧绘图区
        QHBoxLayout *mainLayout = new QHBoxLayout(centralWidget);
        
        // 1. 左侧功能控制区
        QGroupBox *funcGroup = new QGroupBox("绘图工具", this);
        QVBoxLayout *funcLayout = new QVBoxLayout(funcGroup);
        // 添加功能按钮
        funcLayout->addWidget(new QPushButton("画直线"));
        funcLayout->addWidget(new QPushButton("画矩形"));
        funcLayout->addWidget(new QPushButton("清空画布"));
        // 设置功能区固定宽度，避免被绘图区挤压
        funcGroup->setFixedWidth(150);
        mainLayout->addWidget(funcGroup);
        
        // 2. 右侧绘图区
        DrawingArea *drawingArea = new DrawingArea(this);
        // 拉伸因子设为1，让绘图区占满剩余空间
        mainLayout->addWidget(drawingArea, 1);
    }
};

4. 额外优化技巧 #

• 给功能区控件添加信号槽，比如点击“清空画布”按钮时，调用drawingArea->update()触发重绘
• 如果需要鼠标交互绘图（比如拖拽画线条），在自定义绘图Widget里重写mousePressEvent、mouseMoveEvent等事件方法
• 给绘图区设置背景色，比如drawingArea->setStyleSheet("background-color: white;")，让画布更清晰

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