Qt —— QGraphicsView - 笔记3：矩形图元连接（附：完整源码）

已于 2025-03-27 18:20:21 修改
阅读量690 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： Qt 文章标签： Qt QGraphicsView
于 2024-06-07 17:22:39 首次发布
automoblie0
本文链接：https://blog.youkuaiyun.com/automoblie0/article/details/139532002
本文介绍了如何在Qt中使用QGraphicsView实现矩形图元的连接，提供了一份完整的源码示例，包括main.cpp、widget.h、widget.cpp、mygraphicsview.h和mygraphicsview.cpp等文件，帮助开发者理解并实践这一功能。
了解本专栏 订阅专栏 解锁全文 超级会员免费看
交互式 QGraphicsView（平移/缩放/旋转）
青春不老，奋斗不止！
12-09 4万+
Graphics View提供了一个平台，用于大量自定义 2D 图元的管理与交互，框架包括一个事件传播架构，支持场景 Scene 中的图元 Item 进行精确的双精度交互功能。
Qt —— QGraphicsView - 笔记1：绘制简单图元（附：完整源码）
12-06 688
QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。QGraphicsScene类提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视觉外观；它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。
Qt （高仿Visio）流程图组件开发（二） 基本图元绘制 图元间连线绘制
qq_43793182的博客
11-14 8585
本文主要讲解简单的实现，如何绘制图元，图元之间如何连线，拖动图元线跟随图元动，线的位置判断等等。只是经验分享，描述内容并不绝对，如有误差欢迎指正。
Qt例程源代码QGraphicsView.7z
07-19
Qt例程源代码QGraphicsView.7z
qt实现qgaphicsitem的拖动连线等操作
09-20
支持qgraphicitem在scene中拖动和缩放，支持qgraphicsitem间的连线操作，代码可扩展。
Qt GraphicsItem 通过直线图元连接其他两个图元
云胡
11-26 5017
一、概述 实现两个图元之间的连接线，拖动图元的时候，线也跟着动，因此这个直线也必须是图元。 二、步骤 2.1 自定义一个类继承 QGraphicsLineItem 在构造函数中获取前一个图元和后一个图元实例。 2.2 重写 paint 函数 void CustomizeGraphicsLineItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) { // 判断图形项是否存在相交，
【PyQt5】 实现图元（QGraphicsItem）的建立、操作和连接
huanqing2010的专栏
11-12 1万+
使用PyQt5实现自定义图元的创建与显示，图元的拖拽，不同图元间的连线的创建，图元拖动时连线的自动跟随等。文章简明清晰，代码实操性强，实现效果一目了解，一篇介绍QGraphicsItem的优秀文章。
Qt —— QGraphicsView - 笔记2：将QGraphicsView放置主窗口上，绘制简单图元（附：完整源码）
12-06 887
QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。QGraphicsScene类提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视觉外观；它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。
Qt QGraphicsView 控件实现标尺和刻度先效果
05-20
在Qt框架中，QGraphicsView是一个非常强大的控件，它用于显示复杂的2D图形场景，支持缩放、平移等操作。在这个特定的案例中，我们关注的是如何利用QGraphicsView来实现自定义的标尺和刻度线效果，而不需要额外引入...
Qt中QGraphicsView类应用解析：构建高效2D图形界面的核心技术
半青年的博客
07-11 1060
Qt图形视图框架（Graphics View Framework）采用场景-视图-项三层架构，包含QGraphicsScene（场景管理）、QGraphicsItem（图形元素）和QGraphicsView（渲染显示）三大核心组件。该框架适用于数据可视化、CAD工具、2D游戏开发等场景，提供坐标转换、事件处理、动画特效等功能。针对大规模场景，可通过OpenGL加速、BSP树索引、动态加载等策略优化性能。开发实践包括自定义图元、交互控制和渲染优化，是构建复杂2D图形界面的高效解决方案。
【源代码】Qt实现的具有各种效果的连连看（使用QGraphicsView）
10-17
使用Qt实现的练练看的源代码，有开场动画、洗牌动画等各种动画效果，此外每个砖块被消掉时有爆炸效果，此外有载入关卡、倒计时等功能。
QtOpenGL以及Graphics-View框架整合的例子（演示程序+源代码）
09-25
此程序来源于我的一篇博客，欢迎访问。 http://blog.youkuaiyun.com/gamesdev/article/details/11994501 ------------------------------------- 欢迎访问我的博客。 http://blog.youkuaiyun.com/gamesdev ------------------------------------- Qt的QWidget大家族已经成熟，不会得到太大的发展了，而随着Qt5的发展，新的界面类会崭露头角，比如QWindow、QSurface、QScreen这些类。但现在的状况（Qt5.2即将出了），这些类和模块并不会对现有的GUI模块造成威胁，更不用说取代Qt4的GUI（在Qt5是QtGui和QtWidgets）模块了。自Qt4.4起，Qt拥有了Graphics-View框架，使用这个框架可以更加轻松地在窗口中嵌入任意你想要绘制的元素。但是据我所知，Qt5的那些类无法和Graphics-View框架进行整合，对于想要利用Qt中Graphics-View框架的同行们，只能退回Qt4的类进行开发了，Qt5的这些类对于创建纯OpenGL还是有利的。
基于QGraphicsView实现的画图软件
09-11
画图软件，基于QGraphicsView实现，可画直线，矩形，椭圆，圆角矩形，不规则多边形，曲线等等基本功能，并且可编辑这些图形，代码封装完毕，可简单移植到项目中使用。
Qt GraphicsView 添加图元.rar
03-13
Qt 场景、视图、图元的Demo,通过单击相应的空间相场景中添加椭圆、矩形、多边形、文本等图元。是初学者了解Qt的视图框架的模板软件。
QT图元旋转、缩放、切变和位移
12-10
本例实现图元的旋转、缩放、切变和位移等各种变形操作
python包 scuba_Python PyQt4.QtGui 模块，QGraphicsView() 实例源码 - 编程字典
weixin_42363662的博客
01-29 234
def setupUi(self, MainWindow):MainWindow.setObjectName(_fromUtf8("MainWindow"))MainWindow.resize(843, 600)self.centralWidget = QtGui.QWidget(MainWindow)self.centralWidget.setObjectName(_fromUtf8("cent...
QT之基于图形框架QGraphicsView实现链路图
热门推荐
octdream的专栏
11-02 1万+
1 前言 最近因项目需求，需要制作一个可以绘制树结构的“事件链”插件，于是呼找到了QT自带的一个画流程图的例子“diagramscene”，还在网上找到了另外一个例子,然后我结合了两个demo实现了我的“事件编辑器”的前期实现工作，虽然有点小BUG但是基本上算是完成了。 1）qt 自带的绘制流程图示例，可以在QT Creator搜索“diagramscene” D:\Qt\Qt5.9.3\Ex...
Qt图形视图框架--精确选中连接线
贝勒里恩的博客
10-26 923
在使用Qt图形视图框架进行组态软件开发过程中，我通过继承自QGraphicsPathItem自定义的连接线图元Arrow，发现点选连接线特别不灵敏；解决方案：重写函数。
[PyQt5] 实现图元（QGraphicsItem）的建立、操作和连接
ShawnHu的博客
05-11 1万+
图元的拖拽及连线这类操作在一些桌面软件中很是常见。比如在学校用的eNSP（如下图），很直观，图元代表模型，连线代表连接（或关系）。本文就从头开始，实现这些功能。效果也如下图。 1. 背景搭建 纯色背景 建立图元首先要有一个“画板”，这里简称背景。 import sys from PyQt5.QtWidgets import QApplication, QGraphicsScene, QGraphicsView from PyQt5.QtCore import Qt from PyQt5.QtWidgets
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、付费专栏及课程。

余额充值