代码改变世界

QT6中QGraphicsView特性与应用

2025-10-12 22:57  tlnshuju  阅读(28)  评论(0)    收藏  举报

一.QGraphicsView

1.简介

QGraphicsView 框架是 Qt 中用于管理和交互大量 2D 图形对象的强大架构。它专门适合开发需要处理复杂图形场景的应用程序,如绘图软件、CAD 体系、素材可视化、游戏等。

2.Graphics View 核心功能与优势

高效管理大量图元:支持同时显示数千甚至数万个图形项(Item),性能远优于传统的QWidget绘图(如QPainter直接绘制)。

灵活的坐标系统:支持场景坐标、视图坐标、图元本地坐标三级坐标转换,轻松建立缩放、旋转、平移等变换。

丰富的交互支持:内置鼠标 / 键盘事件处理,支持图元选择、拖动、旋转、缩放,可自定义交互逻辑。

碰撞检测:提供图元间碰撞检测接口,无需手动计算。

动画与状态过渡:可结合QPropertyAnimation建立图元的平滑动画(位置、大小、透明度等)。

可扩展性:支持自定义图元(继承QGraphicsItem)、自定义视图(继承QGraphicsView),满足艰难需求。

3.Graphics View 框架架构

Graphics View 采用场景-视图 架构,含有三个核心类:

QGraphicsScene 图形场景容器,管理所有图形项

QGraphicsView 视图组件,用于表明场景内容

QGraphicsItem 图形项的基类,所有图形元素都继承自此类

4.坐标系统详解

使用框架的关键:就是Graphics View 的坐标系统分为三级,理解它们的转换关系

图元坐标(Item Coordinates):图元自身的局部坐标,原点通常在图元中心或左上角(由图元定义)。例如,QGraphicsRectItem的坐标以其左上角为原点。

场景坐标(Scene Coordinates):场景的全局坐标,原点在场景中心(默认),所有图元在场景中都有唯一的场景坐标。图元的位置、大小等属性最终会转换为场景坐标。

视图坐标(View Coordinates):视图(QGraphicsView)的设备坐标(像素),原点在视图左上角。视图负责将场景坐标转换为视图坐标(考虑缩放、旋转等变换)。

二.核心用法示例

#include <QApplication>

#include <QGraphicsView>

#include <QGraphicsScene>

#include <QGraphicsRectItem>

#include <QGraphicsEllipseItem>

#include <QGraphicsTextItem>

#include <QTimer>

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

QApplication app(argc, argv);

// 创建场景(坐标系,管理图形项)

QGraphicsScene *scene = new QGraphicsScene();

scene->setSceneRect(0, 0, 800, 600); // 设置场景范围

scene->setBackgroundBrush(Qt::lightGray); // 设置背景色

// 创建矩形项

QGraphicsRectItem *rectItem = new QGraphicsRectItem(0, 0, 200, 100);

rectItem->setPos(100, 100);

rectItem->setBrush(QBrush(Qt::blue));

rectItem->setPen(QPen(Qt::black, 2));

scene->addItem(rectItem);

// 创建椭圆项

QGraphicsEllipseItem *ellipseItem = new QGraphicsEllipseItem(0, 0, 150, 100);

ellipseItem->setPos(400, 200);

ellipseItem->setBrush(QBrush(Qt::red));

ellipseItem->setPen(QPen(Qt::black, 2));

scene->addItem(ellipseItem);

// 创建文本项

QGraphicsTextItem *textItem = new QGraphicsTextItem("Hello Graphics View!");

textItem->setPos(200, 400);

textItem->setDefaultTextColor(Qt::white);

textItem->setFont(QFont("Arial", 16));

scene->addItem(textItem);

// 创建视图(显示场景的窗口)

QGraphicsView *view = new QGraphicsView(scene,this);

view->setWindowTitle("QT6 Graphics View 示例");

view->resize(1000, 800);

// 启用抗锯齿

view->setRenderHint(QPainter::Antialiasing);

// 显示视图

view->show();

return app.exec();

}