qt 图形视图框架详解以及举例

1基础介绍

Qt 的图形视图框架是一个强大的工具,用于创建和管理大量的 2D 图形项目。它由三个主要类组成:QGraphicsScene、QGraphicsView 和 QGraphicsItem。下面我将详细解释这个框架,并提供一些示例代码。

1. 框架组成

a) QGraphicsScene (场景):
- 用于管理大量的 2D 图形项目
- 提供了一个高效的接口来添加、删除和查找项目

b) QGraphicsView (视图):
- 用于显示场景的内容
- 可以进行缩放、旋转等操作

c) QGraphicsItem (项目):
- 场景中的图形元素的基类
- 可以是简单的几何形状,也可以是复杂的自定义项目

2. 基本使用流程

a) 创建场景 (QGraphicsScene)
b) 向场景添加项目 (QGraphicsItem)
c) 创建视图 (QGraphicsView) 并将其与场景关联
d) 显示视图

3. 示例代码

下面是一个简单的示例,展示了如何使用图形视图框架创建一个包含矩形和椭圆的场景:

```cpp
#include <QApplication>
#include <QGraphicsScene>
#include <QGraphicsView>
#include <QGraphicsRectItem>
#include <QGraphicsEllipseItem>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    // 创建场景
    QGraphicsScene scene;

    // 添加矩形项目
    QGraphicsRectItem *rect = scene.addRect(0, 0, 100, 100);
    rect->setBrush(Qt::blue);

    // 添加椭圆项目
    QGraphicsEllipseItem *ellipse = scene.addEllipse(50, 50, 80, 60);
    ellipse->setBrush(Qt::red);

    // 创建视图并设置场景
    QGraphicsView view(&scene);
    view.setRenderHint(QPainter::Antialiasing);
    view.setWindowTitle("Graphics View Example");
    view.resize(300, 200);

    // 显示视图
    view.show();

    return a.exec();
}
```

4. 高级功能

a) 自定义项目:
你可以通过继承 QGraphicsItem 类来创建自定义项目。例如:

```cpp
class CustomItem : public QGraphicsItem
{
public:
    QRectF boundingRect() const override
    {
        return QRectF(0, 0, 100, 100);
    }

    void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override
    {
        painter->drawRect(0, 0, 100, 100);
        painter->drawText(10, 50, "Custom Item");
    }
};
```

b) 项目交互:
可以为项目添加鼠标事件处理,例如:

```cpp
class InteractiveItem : public QGraphicsRectItem
{
protected:
    void mousePressEvent(QGraphicsSceneMouseEvent *event) override
    {
        setBrush(Qt::red);
        update();
        QGraphicsRectItem::mousePressEvent(event);
    }

    void mouseReleaseEvent(QGraphicsSceneMouseEvent *event) override
    {
        setBrush(Qt::blue);
        update();
        QGraphicsRectItem::mouseReleaseEvent(event);
    }
};
```

c) 动画:
可以使用 QPropertyAnimation 为项目添加动画效果:

```cpp
QGraphicsRectItem *rect = scene.addRect(0, 0, 50, 50);
QPropertyAnimation *animation = new QPropertyAnimation(rect, "pos");
animation->setDuration(2000);
animation->setStartValue(QPointF(0, 0));
animation->setEndValue(QPointF(200, 200));
animation->start();
```

5. 性能考虑

- 对于大量项目,考虑使用 QGraphicsItem::ItemUsesExtendedStyleOption 标志
- 适当使用 QGraphicsItem::cacheMode() 来缓存项目的渲染
- 对于复杂的场景,考虑使用 QGraphicsScene::bspTreeDepth 来优化碰撞检测

总结:
Qt 的图形视图框架提供了一个灵活且高效的方式来处理大量的 2D 图形项目。通过组合使用 QGraphicsScene、QGraphicsView 和 QGraphicsItem,你可以创建复杂的交互式图形应用程序。框架支持自定义项目、动画和各种交互功能,使其成为开发图形密集型应用程序的强大工具。
 

2.通过GPU加速

Qt的图形视图框架在GPU加速方面有多种应用方式，可以显著提升渲染性能，特别是对于复杂的场景或大量图形项目。以下是Qt图形视图框架在GPU加速方面的主要应用：

1. OpenGL 渲染

通过将QGraphicsView的视口设置为QOpenGLWidget，可以启用OpenGL渲染：

```cpp
QGraphicsView view(&scene);
view.setViewport(new QOpenGLWidget());
```

这样可以利用GPU进行硬件加速渲染，提高复杂场景的渲染速度。

2. 光栅化模式

设置QGraphicsView的优化标志，使用GPU进行光栅化：

```cpp
view.setOptimizationFlags(QGraphicsView::IndirectPainting);
```

这可以提高渲染效率，特别是对于包含大量项目的场景。

3. 项目缓存

对于静态或不经常变化的项目，使用项目缓存可以显著提高性能：

```cpp
item->setCacheMode(QGraphicsItem::ItemCoordinateCache);
```

缓存的项目可以更快地在GPU上渲染。

4. QGraphicsEffect

Qt提供的图形效果（如模糊、阴影等）可以利用GPU加速：

```cpp
QGraphicsDropShadowEffect *effect = new QGraphicsDropShadowEffect;
effect->setBlurRadius(10);
item->setGraphicsEffect(effect);
```

这些效果在GPU上执行会比CPU更快。

5. 自定义OpenGL渲染

创建继承自QGraphicsItem的自定义项目，在其paint()方法中使用OpenGL进行渲染：

```cpp
class CustomGLItem : public QGraphicsItem
{
public:
    void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override
    {
        painter->beginNativePainting();
        // OpenGL 渲染代码
        glBegin(GL_TRIANGLES);
        // ...
        glEnd();
        painter->endNativePainting();
    }
};
```

这允许你直接使用OpenGL命令进行高度优化的渲染。

6. Shader效果

使用QOpenGLShaderProgram应用自定义的shader效果：

```cpp
QOpenGLShaderProgram shaderProgram;
shaderProgram.addShaderFromSourceCode(QOpenGLShader::Vertex, vertexShaderSource);
shaderProgram.addShaderFromSourceCode(QOpenGLShader::Fragment, fragmentShaderSource);
shaderProgram.link();
shaderProgram.bind();
```

通过shader可以实现复杂的视觉效果，并充分利用GPU的并行处理能力。

7. 纹理管理

使用QOpenGLTexture高效管理和渲染纹理：

```cpp
QOpenGLTexture texture(QImage(":/texture.png"));
texture.bind();
// 使用纹理进行渲染
```

GPU可以高效地处理纹理，提高渲染性能。

8. 多线程渲染准备

虽然OpenGL渲染通常在主线程进行，但可以使用多线程来准备渲染数据：

```cpp
class RenderThread : public QThread
{
    void run() override
    {
        // 准备渲染数据
        // 完成后发送信号更新视图
    }
};
```

这可以减少主线程的负担，提高整体性能。

9. 动画

使用QPropertyAnimation创建硬件加速的动画：

```cpp
QPropertyAnimation *animation = new QPropertyAnimation(item, "pos");
animation->setDuration(1000);
animation->setStartValue(QPointF(0, 0));
animation->setEndValue(QPointF(100, 100));
animation->start();
```

当与OpenGL渲染结合时，这些动画可以在GPU上高效执行。

10. 图层合成

利用QGraphicsItem的z值和不透明度属性，可以创建复杂的图层效果，这些效果可以在GPU上高效合成：

```cpp
QGraphicsRectItem *background = scene.addRect(0, 0, 100, 100);
background->setZValue(0);

QGraphicsEllipseItem *foreground = scene.addEllipse(25, 25, 50, 50);
foreground->setZValue(1);
foreground->setOpacity(0.5);
```

应用GPU加速时的注意事项：

1. 性能测试：始终进行性能测试，确保GPU加速确实提高了应用性能。
2. 设备兼容性：不同的硬件可能有不同的性能特征，确保在各种目标设备上测试。
3. 内存和功耗：GPU加速可能会增加内存使用和功耗，特别是在移动设备上。
4. 适用性：对于简单的2D场景，CPU渲染可能已经足够快，不需要GPU加速。

通过合理使用这些GPU加速技术，可以显著提高Qt图形视图应用的性能和流畅度，特别是对于复杂的动画和大规模图形场景。然而，正确的使用需要对OpenGL和图形编程有深入的理解，以及仔细的性能分析和优化。