这段代码创建了一个带有滚动功能的画布应用程序，使用Qt框架进行开发。以下是对该代码的逐步解析：
1. 包含头文件
#include <QApplication>
#include <QWidget>
#include <QHBoxLayout>
#include <QFrame>
#include <QScrollArea>
#include <QMouseEvent>
#include <QScrollBar>
#include <QPainter>
这些头文件包括了Qt中用于GUI组件、布局、事件处理和绘图的相关类。
2. CanvasFrame 类
class CanvasFrame : public QFrame {
// ...
};
CanvasFrame继承自QFrame，表示一个可绘制的区域。在这个类中，你可以处理鼠标事件并绘制网格线。
a. 构造函数
CanvasFrame(QWidget *parent = nullptr) : QFrame(parent) {
setFixedSize(50000, 1200); // 设置画布大小
}
构造函数设置画布的固定大小为50000x1200像素。
b. 鼠标事件处理
mousePressEvent：记录鼠标按下时的位置。mouseMoveEvent：计算鼠标移动时的增量，并更新滚动条的位置，从而实现平移效果。
c. 绘图事件处理
void paintEvent(QPaintEvent *event) override {
Q_UNUSED(event);
QPainter painter(this);
painter.setPen(QPen(Qt::gray, 1));
int gridSize = 100;
// 绘制横向网格线
for (int i = 0; i <= height(); i += gridSize) {
painter.drawLine(0, i, width(), i);
}
// 绘制纵向网格线
for (int j = 0; j <= width(); j += gridSize) {
painter.drawLine(j, 0, j, height());
}
}
此函数在窗口需要重绘时调用，使用QPainter绘制灰色网格线，每隔100像素绘制一条。
3. 主函数
int main(int argc, char *argv[]) {
QApplication app(argc, argv);
QWidget mainWindow;
mainWindow.setWindowTitle("Canvas with Scroll");
mainWindow.showMaximized();
QHBoxLayout *layout = new QHBoxLayout(&mainWindow);
layout->setContentsMargins(0, 0, 0, 0);
layout->setSpacing(0);
QFrame *leftFrame = new QFrame();
leftFrame->setFixedWidth(200);
leftFrame->setStyleSheet("background-color: green;");
CanvasFrame *canvasFrame = new CanvasFrame();
QScrollArea *scrollArea = new QScrollArea();
scrollArea->setWidget(canvasFrame);
scrollArea->setWidgetResizable(true);
scrollArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOn);
scrollArea->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOn);
layout->addWidget(leftFrame);
layout->addWidget(scrollArea);
mainWindow.show();
return app.exec();
}
a. 创建主窗口及布局
主窗口创建后，通过水平布局添加一个左侧固定宽度的绿色面板和右侧的滚动区域，其中包含实际的画布(CanvasFrame)。
b. 启动应用程序
最后调用 app.exec() 启动事件循环，使应用程序保持运行状态，等待用户输入和操作。
总结
该示例展示了如何使用Qt创建一个大型可滚动画布，并通过简单的鼠标拖拽实现平移功能。同时，在画布上渲染了一些网格线，以帮助用户进行定位和测量。
内容由零声教学AI助手提供，问题来源于学员提问
