Qt的QGraphics View的使用

QGraphics View 框架是 Qt 中用于管理和渲染大量 2D 图形对象的强大工具，得当构建绘图软件、游戏编辑器、数据可视化等场景。以下是关键使用步调和示例：

---

1. 核心组件

• QGraphicsScene：场景容器，管理所有图形项（Item）的层级、坐标和事件。
  
• QGraphicsView：视图组件，用于表现场景内容，支持缩放、旋转、滚动等操纵。
  
• QGraphicsItem：所有图形项的基类（如矩形、椭圆、自界说图形）。
  

---

2. 底子使用步调

2.1 创建场景和视图

1. #include <QApplication>
2. #include <QGraphicsScene>
3. #include <QGraphicsView>
4. #include <QGraphicsRectItem>
6. int main(int argc, char *argv[]) {
7.     QApplication app(argc, argv);
9.     // 创建场景（设置场景范围）
10.     QGraphicsScene *scene = new QGraphicsScene();
11.     scene->setSceneRect(0, 0, 800, 600);
13.     // 添加图形项（例如红色矩形）
14.     QGraphicsRectItem *rect = scene->addRect(50, 50, 200, 100);
15.     rect->setBrush(Qt::red);
17.     // 创建视图并关联场景
18.     QGraphicsView *view = new QGraphicsView(scene);
19.     view->setWindowTitle("Graphics View Demo");
20.     view->resize(800, 600);
21.     view->show();
23.     return app.exec();
24. }

复制代码

2.2 自界说图形项

继续 QGraphicsItem 并重写关键方法：

1. class CustomItem : public QGraphicsItem {
2. public:
3.     QRectF boundingRect() const override {
4.         return QRectF(-10, -10, 20, 20); // 定义绘制区域
5.     }
7.     void paint(QPainter *painter, const QStyleOptionGraphicsItem *, QWidget *) override {
8.         painter->setBrush(Qt::blue);
9.         painter->drawEllipse(-10, -10, 20, 20); // 绘制蓝色圆形
10.     }
12.     // 鼠标事件示例
13.     void mousePressEvent(QGraphicsSceneMouseEvent *event) override {
14.         qDebug() << "Item clicked!";
15.         QGraphicsItem::mousePressEvent(event);
16.     }
17. };
19. // 使用自定义项
20. CustomItem *item = new CustomItem();
21. scene->addItem(item);
22. item->setPos(100, 100);

复制代码

---

3. 交互与高级功能

3.1 视图变换（缩放/旋转）

1. // 缩放视图
2. view->scale(1.2, 1.2); // 放大20%
4. // 旋转视图
5. view->rotate(45); // 顺时针旋转45度
7. // 启用鼠标拖拽滚动
8. view->setDragMode(QGraphicsView::ScrollHandDrag);

复制代码

3.2 坐标转换

1. // 将视图坐标转换为场景坐标
2. QPointF scenePos = view->mapToScene(view->mapFromGlobal(QCursor::pos()));
4. // 获取图形项的全局位置
5. QPointF itemGlobalPos = item->mapToScene(item->boundingRect().center());

复制代码

3.3 动画效果

使用 QPropertyAnimation 实现移动动画：

1. QPropertyAnimation *anim = new QPropertyAnimation(item, "pos");
2. anim->setDuration(1000);
3. anim->setStartValue(QPointF(0, 0));
4. anim->setEndValue(QPointF(300, 300));
5. anim->start();

复制代码

---

4. 性能优化

• 启用场景索引：加速碰撞检测和项查找。
  1. scene->setItemIndexMethod(QGraphicsScene::BspTreeIndex);

  复制代码
• OpenGL 渲染（需链接 Qt OpenGL 模块）：
  1. view->setViewport(new QOpenGLWidget());

  复制代码
• 批量绘制：复杂项可合并绘制到 QGraphicsPixmapItem 中。
  

---

5. 常见问题

图形项不表现？

• 检查是否将 Item 添加到 Scene。
  
• 确认 Item 的 boundingRect() 和 paint() 精确实现。
  

事件未触发？

• 确保 Item 设置了 setAcceptHoverEvents(true) 或 setFlags(QGraphicsItem::ItemIsFocusable)。
  

---

6. 完整示例代码

GitHub 示例仓库 中查看 Qt 官方示例。
掌握这些核心概念后，可进一步探索信号槽交互、复杂结构管理和3D集成（通过 QGraphicsView + OpenGL）等高级主题。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。