QGraphicsView框架

Qt开发中，绘图继承QWidget通过重写paintEvent虚函数来处理，但在绘制大量图形或实现复杂的动画效果时可能会遇到性能瓶颈。

QGraphicsView框架是Qt GUI库中的一个重要组成部分，它实现了模型-视图结构的图形管理，特别适用于处理和显示大量图元（如文本、形状、图片等）的复杂图形场景。

一、框架概述

QGraphicsView框架提供2D图形项目交互界面开发。

QGraphicsView框架主要包括三个核心类：QGraphicsScene（场景）、QGraphicsView（视图）和QGraphicsItem（图元）。

  • QGraphicsScene：作为图元的容器，负责存储和管理所有的图形项。它提供了操作接口、事件传递和图元状态管理等功能，但不可见 ，需要通过与之相连的QGraphicsView来显示。
  • QGraphicsView：提供了一个可视的窗口部件，用于显示QGraphicsScene中的内容。它支持丰富的交互功能，如平移、缩放、旋转等，并允许用户通过鼠标和键盘与场景中的图元进行交互，支持OpenGL渲染。
  • QGraphicsItem：是场景中各个图元的基类，Qt提供了多种标准图元类（如矩形、椭圆、文本等），用户也可以继承QGraphicsItem来实现自定义图元。

二、QGraphicsView的关键特性

  1. 视图与场景分离：
    • QGraphicsView与QGraphicsScene分离，允许一个场景被多个视图观察，每个视图都可以有自己的视角和变换。
  2. 视口与坐标系统：
    • QGraphicsView内部有一个视口，映射的是场景的部分或全部内容。
    • 视口和场景有各自的坐标系统，但可以通过变换矩阵相互转换。
  3. 交互功能：
    • 支持平移、缩放、旋转等交互操作，用户可以通过鼠标和键盘来改变视图的显示。
    • 可以通过setDragMode()方法设置不同的交互模式，如NoDrag（无拖动）、ScrollHandDrag（手型拖动）和RubberBandDrag（橡皮筋拖动）。
  4. 滚动条：
    • 可以显示水平和垂直滚动条，以便浏览超出视口大小的场景内容。
  5. 抗锯齿和优化：
    • 支持OpenGL加速和抗锯齿，以提高渲染质量和性能。
    • 可以通过setRenderHint()方法设置渲染提示，如启用边缘的反锯齿绘制（QPainter::Antialiasing）。
  6. 视图变换：
    • 支持通过QTransform类进行复杂的仿射变换，包括平移、缩放、旋转和倾斜。
    • 可以通过setTransform()方法应用到视图上。
  7. 缓存模式：
    • 提供了多种缓存模式（CacheModeFlag），以优化复杂场景的重绘效率。
  8. 事件处理：
    • 可以处理各种事件，如鼠标事件、键盘事件和滚轮事件。
    • 可以通过重写QGraphicsView的事件处理函数来自定义这些行为。

三、使用场景

QGraphicsView框架特别适用于需要动态更新、可交互的2D图形化应用程序，如图表绘制、流程图编辑器、游戏地图显示等。通过结合使用QGraphicsScene和QGraphicsItem，开发者可以创建出高度定制化、性能优良的图形用户界面组件。

四、示例代码

以下是一个简单的示例，展示如何创建一个包含矩形图形项的场景，并将其显示在一个QGraphicsView控件中：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#include <QtWidgets>  
  
int main(int argc, char *argv[]) {  
    QApplication app(argc, argv);  
  
    // 创建一个图形场景  
    QGraphicsScene *scene = new QGraphicsScene();  
  
    // 在场景中添加一个矩形图形项  
    QGraphicsRectItem *rectItem = scene->addRect(50, 50, 100, 100);  
    rectItem->setBrush(Qt::blue); // 设置填充颜色  
    rectItem->setPen(QPen(Qt::black)); // 设置边框颜色  
  
    // 创建一个图形视图并设置场景  
    QGraphicsView *view = new QGraphicsView();  
    view->setScene(scene);  
  
    // 设置视图的一些基本属性  
    view->setRenderHint(QPainter::Antialiasing); // 启用抗锯齿  
    view->setDragMode(QGraphicsView::ScrollHandDrag); // 允许拖拽视图进行平移  
  
    // 显示视图到窗口  
    QMainWindow window;  
    window.setCentralWidget(view);  
    window.show();  
  
    return app.exec();  
}

五、总结

QGraphicsView框架是Qt中用于构建复杂图形用户界面的强大工具，它通过模型-视图结构实现了对大量图元的高效管理和显示。通过丰富的交互功能和灵活的变换能力，开发者可以轻松地创建出动态、可交互的2D图形化应用程序。