Qt —— QGraphicsView - 笔记1：绘制简单图元（附：完整源码）

已于 2025-03-27 18:20:36 修改
阅读量689 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Qt 文章标签： QGraphicsView Qt
于 2023-12-06 15:10:59 首次发布
automoblie0
本文链接：https://blog.youkuaiyun.com/automoblie0/article/details/134832025
本文介绍了Qt中的QGraphicsView组件，用于显示QGraphicsScene内容的可滚动视口。QGraphicsScene则负责管理二维图形项，但本身无视觉表现，需通过QGraphicsView进行可视化。文章提供了相关类的简介及完整源码。

🔔 Qt 相关技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中…）

 

效果

在这里插入图片描述

 

相关类介绍

     QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。

     QGraphicsScene类 提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视觉外观；它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。

 

完整源码
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Qt —— QGraphicsView - 笔记3：矩形图元连接（附：完整源码）
06-07 691
Qt之QGraphicsView —— 笔记3：矩形图元连接（附完整源码）
Qt —— QGraphicsView - 笔记2：将QGraphicsView放置主窗口上，绘制简单图元（附：完整源码）
12-06 887
QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。QGraphicsScene类提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视觉外观；它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。
QT学习：图形视图Graphics View
热门推荐
weixin_42374938的博客
07-02 1万+
一、Graphics View框架结构的主要特点 (1)在Graphics View框架结构中，系统可以利用Qt绘图系统的反锯齿、OpenGL工具来改善绘图性能。 (2) Graphics View支持事件传播体系结构，可以使图元在场景(scene) 中的交互能力提高1倍，图元能够处理键盘事件和鼠标事件。其中，鼠标事件包括鼠标被按下、移动、释放和双击，还可以跟踪鼠标的移动。 (3)在Graphics View框架中，通过二元空间划分树(Binary Space Pritining, BSP) 提供快速的图元
QGraphicsView 全详解
github_37290846的博客
06-15 6215
视口类型的视口可以是任何类型的QWidget，包括QGLWidget，这使得可以在视口中使用OpenGL进行渲染。视口事件：可以通过重写的函数来处理视口级别的事件，例如触摸事件和多点触控事件。类提供了许多常用的函数、信号和槽，用于管理和操作图形视图。
Qt Graphics View 框架综合架构与性能分析
greenspan的专栏
09-17 675
本文深入解析Qt Graphics View框架的架构设计，分为三部分：首先介绍其基于MVC的架构，将场景（模型）、视图与图元解耦，实现高性能渲染；其次详细分析图元、场景与视图三层坐标系及其转换方法，强调对坐标系的理解是实现交互功能的关键；最后探讨事件传播机制，说明如何通过事件处理实现交互式应用。文章指出，理解这种解耦设计和坐标系转换是高效使用该框架的核心，能显著提升开发效率和调试能力。
QT之QGraphicsView详细介绍
2401_83283786的博客
04-15 9633
是 Qt GUI 库中的一个核心类，它是 Qt 图形视图框架的一部分，主要用于可视化地显示中的内容。QGraphicsView 提供了一个灵活且可定制的二维图形界面，支持丰富的交互功能，如平移、缩放、旋转，并能够管理和布局复杂的图形场景。基本特性：视图与场景分离类本身负责渲染和显示图形场景 ()，而场景则负责存储和管理所有的图形项 ()，这些图形项可以是文本、形状、图片等任何可视化元素。视口与坐标系统QGraphicsView 内部有一个视口，视口映射的是场景的部分或全部内容。
基于QGraphicsView实现的画图软件
09-11
画图软件，基于QGraphicsView实现，可画直线，矩形，椭圆，圆角矩形，不规则多边形，曲线等等基本功能，并且可编辑这些图形，代码封装完毕，可简单移植到项目中使用。
QGraphicsView QGraphicsScene 增加任意点
Beyond欣
08-27 2704
这玩意信号传递是 view —scene—item 一旦把事件重构了了，一定要每个事件处理后 QGraphicsItem::mouseMoveEvent(event); 有跟我一样需求的可以看下我的，增加任意点，点的顺序可以改变 每个点可以拖动和wasd移动 空格可以把点按顺序直线链接 可以按顺序输出所有点的坐标 这里贴出我的使用方法，主要是参考网上的教程。 ...
精选资源
QGraphicsView架构实现基本图形的绘制
05-07
1：实现了基本的图形：矩形、正方形、圆形、三角形、多线段、曲线的绘制 2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除、撤销操作 4：曲线图形实时绘制。
Qt QGraphicsView 控件实现标尺和刻度先效果
05-20
在Qt框架中，QGraphicsView是一个非常强大的控件，它用于显示复杂的2D图形场景，支持缩放、平移等操作。在这个特定的案例中，我们关注的是如何利用QGraphicsView来实现自定义的标尺和刻度线效果，而不需要额外引入...
Qt 利用QGraphicsView和 QGraphicsScene 绘制点位 ，十字架定位数据点。
小北博客
03-17 3111
Qt 使用QGraphicsView和 QGraphicsScene 绘制点位 ，并且实现十字架定位数据点
在QGraphicsScene上画矩形
11-20
CustomSense继承QGraphicsScene，QGraphicsView，重写了鼠标事件，在CustomSense上添加图片并画矩形标记出特定区域，是专门满足这个需求写的小测试例子，使用Qt5实现。
QGraphicsScene 绘制刻度图
06-29
Qt5.6+MSVC，QGraphicsScene QGraphicsView 绘制刻度图
基于Qt QGraphicsView的多点触摸绘图
ai0168的博客
04-26 862
本应用于基于QGraphicsView框架，实现多点触摸. 工程仅仅演示了多点触摸绘图，源自我前段时间一款基于Qt的绘图软件. 工程结构: kmp.h 定义了枚举 slide.h/cpp 定义了派生于QGraphicsScene的slide类，实现绘制的主要功能 widget.h/cpp 定义了派生于QGraphicsView的widget类，多点了多点触摸部分. kmpi...
基于GraphicsView的绘图程序[Qt]
ouliten的博客
12-01 1625
以上，就完成了TGraphicsView的代码，但是ui里一开始放的是GraphicsView，所以我们右键ui里的GraphicsView，找到提升，然后输入TGraphicsView，就可以把我们ui里的View升级成TGraphicsView了。由于我们这个类也不是说是很完美的通用类，一些操作的槽函数可以在MainWindow里实现，我们的TGraphicsView就负责发送信号就行了。在这种模式下，当用户按住鼠标右键并移动时，视图会跟随鼠标移动而平移场景，实现类似于拖动手势的效果。
qgraphicsview 绘图软件 github_绘图之Graphics View 绘图架构1
weixin_39575047的博客
12-07 709
点击上方“Qt学视觉”，选择“星标”公众号重磅干货，第一时间送达共同学习共同进步1、场景、视图与图形项 采用QPainter绘图时需要在绘图设备的paintEvent()事件里编写绘图的程序，实现整个绘图过 程。这种方法如同使用Windows的画图软件在绘图，绘制的图形是位图，这种方法适合于绘制复杂性不高的固定图形，不能实现图件的选择、编辑、拖放、修改等功能 Qt为绘制复杂...
QGraphicsView 的使用
yuchunhai321的博客
10-10 702
1.QGraphicsView 显示图片，并进行放大缩小，在图片上画点并连接，源码路径 https://download.youkuaiyun.com/download/yuchunhai321/11644487 2.QGraphicsView 显示图片，并进行放大缩小，在图片上画点并连接，实时显示鼠标的位置坐标，源码路径 https://download.youkuaiyun.com/download/yuchu...
qgraphicsview 绘图软件 github_ElasticPOST 弹性常数各向异性后处理软件(带图形界面)...
weixin_39897267的博客
12-06 1786
主要功能：本软件(elasticpost)由matlab编写而成，主要是对计算得到的弹性刚度矩阵进行后处理， 主要功能如下：对任意对称性的三维材料可以体弹模量、杨氏模量、剪切模量、泊松比等与弹性刚度矩阵相关量进行三维各向异性绘图；对任意对称性的二维材料可以对杨氏模量、剪切模量、泊松比进行弹性常数二维各向异性图的绘制；可以按照一定格式读取 excel、txt 以及 mat 文件，以达到批量处理的目的...
qgraphicsview 绘图软件 github_绘图之基本绘图
weixin_39907131的博客
12-07 454
点击上方“Qt学视觉”，选择“星标”公众号重磅干货，第一时间送达共同学习共同进步 GUI用户界面的优势是通过可视化的界面元素为用户提供便利的操作，界面上的按钮、编辑 框等各种界面组件其实都是通过绘图而得到的。Qt的二维绘图基本功能是使用QPainter在绘图设 备上绘图，绘图设备包括QWidget、QPixmap等，通过绘制一些基本的点、线、圆等基本形状组 成自己需要的图形，得到的...
C++/qt5，对QGraphicsView应用QScroller::grabGesture(ui.listWidget->viewport(), QScroller::LeftMouseButtonGesture);
最新发布
11-22
<think> 我们被要求回答关于在C++/Qt5中对QGraphicsView应用QScroller::grabGesture的使用方法及注意事项。根据引用内容，我们可以了解到QGraphicsView是用于显示图形场景的视图类。而QScroller用于为窗口部件添加触摸手势（如滑动）支持。 用户提到的代码片段：QScroller::grabGesture(ui.listWidget->viewport(), QScroller::LeftMouseButtonGesture) 但实际上，用户希望将其应用于QGraphicsView。因此，我们需要将目标部件从QListWidget的视口改为QGraphicsView的视口。 注意：QGraphicsView本身是一个复杂的部件，它包含视口（viewport）和场景（scene）。我们通常将手势应用于视口，因为视口是实际显示内容的区域。 使用方法： 1. 引入头文件： #include <QScroller> 2. 在设置好QGraphicsView后，对其视口调用grabGesture： QScroller::grabGesture(ui->graphicsView->viewport(), QScroller::LeftMouseButtonGesture); 3. 这样，用户就可以通过鼠标左键拖动来实现平滑滚动（类似于触摸屏上的滑动效果）。 注意事项： - 手势类型：这里使用的是LeftMouseButtonGesture，表示使用鼠标左键触发滑动。也可以使用TouchGesture（触摸屏）或MiddleMouseButtonGesture（中键）。 - 视口：一定要使用viewport()，因为QGraphicsView的滚动区域在视口上。 - 事件冲突：如果QGraphicsView中已经处理了鼠标事件（例如，有可交互的图元），那么手势可能会与图元的鼠标事件冲突。需要确保图元不会拦截手势所需的事件。 解决方案：可以通过设置图元不接收鼠标事件（setAcceptedMouseButtons(Qt::NoButton)）或者通过事件过滤器来处理。 - 滚动条策略：如果设置了手势滚动，通常建议隐藏滚动条，因为手势滚动会提供更自然的交互。可以通过以下方式隐藏滚动条： ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); ui->graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); 但注意，这取决于具体需求，如果用户需要看到滚动位置，可能不适合隐藏。 - 性能：QScroller使用动画来实现平滑滚动，这可能会在滚动复杂场景时带来性能问题。如果发现卡顿，需要优化场景中的图元（例如，减少图元数量，使用简单的图形等）。 另外，根据引用[4]，在QGraphicsView中实现缩放和旋转功能通常通过变换矩阵实现，而QScroller主要处理滚动。因此，这两者可以共存。 示例代码片段（在MainWindow构造函数中）： ```cpp // 创建场景和视图 QGraphicsScene *scene = new QGraphicsScene(this); ui->graphicsView->setScene(scene); // 添加一些图元（示例） scene->addRect(0, 0, 200, 200); // ... 其他图元 // 设置滚动手势（鼠标左键） QScroller::grabGesture(ui->graphicsView->viewport(), QScroller::LeftMouseButtonGesture); // 可选：隐藏滚动条 ui->graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); ``` 如果遇到手势不生效的情况，可以尝试： 1. 检查事件传递：确保视口没有其他事件过滤器拦截事件。 2. 检查图元：如果图元处理了鼠标事件（如鼠标按下、移动等），可能会阻止手势识别。可以尝试暂时移除图元测试。 另外，QScroller还有一些属性可以设置，例如滚动速度、加速度等。可以通过QScroller::scroller(viewport)->setScrollPolicy等来调整。 设置滚动参数示例： ```cpp QScroller *scroller = QScroller::scroller(ui->graphicsView->viewport()); QScrollerProperties properties = scroller->scrollerProperties(); // 设置滚动动能为摩擦运动（类似于触摸屏的惯性滚动） properties.setScrollMetric(QScrollerProperties::DecelerationFactor, 0.5); scroller->setScrollerProperties(properties); ``` 总结： 使用QScroller::grabGesture为QGraphicsView的视口添加手势滚动，注意事件冲突和滚动条设置，并可根据需要调整滚动参数。 §§相关问题§§ 1. 如何为QGraphicsView中的特定图元禁用鼠标事件以避免与手势冲突？ 2. Qt中如何调整QScroller的滚动参数以实现不同的滚动效果？ 3. 在QGraphicsView中同时使用手势滚动和缩放旋转功能需要注意什么？ </think> 在 C++/Qt5 中为 `QGraphicsView` 应用 `QScroller::grabGesture()` 实现平滑滚动效果，需注意以下关键点： ### 基本使用方法 ```cpp #include <QScroller> // 在视图初始化代码中（如构造函数） QScroller::grabGesture(ui->graphicsView->viewport(), QScroller::LeftMouseButtonGesture); ``` ### 注意事项与最佳实践 1. **正确设置视口** ⚠️ 必须使用 `viewport()`，不能直接对视图设置： ```cpp // ✅ 正确 QScroller::grabGesture(view->viewport(), ...); // ❌ 错误 QScroller::grabGesture(view, ...); ``` 2. **处理事件冲突** 当场景中有可交互图元时，需重写事件处理： ```cpp // 自定义图元类中 void CustomItem::mousePressEvent(QGraphicsSceneMouseEvent* event) { event->ignore(); // 允许事件传递给视图 } ``` 3. **滚动条策略设置** 建议隐藏原生滚动条避免重叠： ```cpp ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); ui->graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); ``` 4. **性能调优参数** 调整滚动物理特性（摩擦/加速度）： ```cpp QScrollerProperties props = QScroller::scroller(view->viewport())->scrollerProperties(); props.setScrollMetric(QScrollerProperties::DragVelocitySmoothingFactor, 0.6); props.setScrollMetric(QScrollerProperties::DecelerationFactor, 0.2); QScroller::scroller(view->viewport())->setScrollerProperties(props); ``` 5. **边界行为控制** 防止滚动越界（overshoot）： ```cpp // 禁用边界弹性效果 props.setScrollMetric(QScrollerProperties::OvershootDragDistanceFactor, 0); props.setScrollMetric(QScrollerProperties::OvershootScrollDistanceFactor, 0); ``` ### 完整示例代码 ```cpp void MainWindow::initGraphicsView() { // 创建场景 QGraphicsScene *scene = new QGraphicsScene(this); // 添加示例图元 scene->addRect(0, 0, 500, 500, QPen(Qt::blue), QBrush(Qt::lightGray)); // 设置场景 ui->graphicsView->setScene(scene); // 应用手势滚动 QScroller::grabGesture(ui->graphicsView->viewport(), QScroller::LeftMouseButtonGesture); // 调整滚动参数 QScroller *scroller = QScroller::scroller(ui->graphicsView->viewport()); QScrollerProperties props = scroller->scrollerProperties(); props.setScrollMetric(QScrollerProperties::DecelerationFactor, 0.15); scroller->setScrollerProperties(props); // 隐藏原生滚动条 ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); } ``` ### 常见问题解决 1. **手势不生效** - 检查是否在 `viewport()` 上设置 - 确认未安装其他事件过滤器 - 确保视图尺寸小于场景尺寸 2. **滚动卡顿** - 优化图元绘制（使用 `QGraphicsItem::boundingRect()` 精确剪裁） - 减少复杂图元数量 - 启用视图缓存： ```cpp ui->graphicsView->setCacheMode(QGraphicsView::CacheBackground); ``` 3. **与缩放功能冲突** 实现自定义缩放时需暂停手势： ```cpp void onZoomRequested() { QScroller::scroller(view->viewport())->stop(); // 执行缩放操作... } ``` > 手势滚动最适合内容密集型场景（如地图、长列表）。对于简单图形界面，原生滚动条可能更合适[^1][^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

信必诺

嗨，支持下哥们呗。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值