Qt图形视图框架入门指南（C++图形界面开发从零开始学QGraphicsView）

第一个Qt图形视图程序

下面我们用C++和Qt写一个最简单的图形视图程序，展示一个红色矩形和一个蓝色圆形。

1. 创建项目

确保你已安装Qt（推荐Qt 5.15或Qt 6.x）和Qt Creator。新建一个Qt Widgets Application项目。

2. 修改 main.cpp

在main.cpp中编写如下代码：

#include <QApplication>#include <QGraphicsScene>#include <QGraphicsView>#include <QGraphicsRectItem>#include <QGraphicsEllipseItem>int main(int argc, char *argv[]){    QApplication app(argc, argv);    // 创建场景    QGraphicsScene scene;    // 添加一个红色矩形（x=0, y=0, 宽=100, 高=50）    QGraphicsRectItem *rect = scene.addRect(0, 0, 100, 50);    rect->setBrush(Qt::red);    // 添加一个蓝色圆形（x=50, y=50, 宽=80, 高=80）    QGraphicsEllipseItem *ellipse = scene.addEllipse(50, 50, 80, 80);    ellipse->setBrush(Qt::blue);    // 创建视图并设置场景    QGraphicsView view(&scene);    view.setRenderHint(QPainter::Antialiasing); // 抗锯齿    view.setWindowTitle("Qt图形视图框架示例");    view.resize(400, 300);    view.show();    return app.exec();}

3. 运行效果

运行程序后，你会看到一个窗口，里面包含一个红色矩形和一个蓝色圆形。你可以用鼠标滚轮缩放，按住右键拖动来平移视图——这些功能都是QGraphicsView默认提供的！

深入理解：场景、视图与图形项

在Qt场景视图编程中，理解三者关系是关键：

• QGraphicsScene 不直接显示内容，它只是逻辑容器。
• QGraphicsView 是窗口部件（widget），负责将场景渲染到屏幕上。
• QGraphicsItem 可以响应鼠标、键盘事件，支持动画、碰撞检测等高级功能。

例如，你可以让图形项可拖动：

// 在创建图形项后添加rect->setFlag(QGraphicsItem::ItemIsMovable);ellipse->setFlag(QGraphicsItem::ItemIsMovable);

这样，用户就可以用鼠标拖动图形了！

常见应用场景

C++图形界面开发中，Qt图形视图框架常用于：

• 流程图/思维导图编辑器
• 2D游戏开发（如塔防、平台跳跃）
• 电路图、建筑平面图绘制
• 实时数据可视化（如网络拓扑图）

小结

通过本教程，你已经掌握了Qt图形视图框架的基本用法。从创建场景、添加图形项，到使用视图显示，每一步都为后续复杂应用打下基础。记住，QGraphicsView教程的核心在于理解“场景-视图-项”的三层架构。

接下来，你可以尝试：

• 自定义QGraphicsItem子类
• 实现图形项之间的连接线
• 添加右键菜单或双击编辑功能

坚持练习，你很快就能用Qt场景视图编程构建出专业级的图形应用！