基于QWidget+QGraphicsView纯手工的传输拓扑图

已于 2022-11-17 08:22:26 修改
阅读量2.4k 收藏 9
点赞数 2
CC 4.0 BY-SA版权
分类专栏： QT 文章标签： qt QGraphicsView QGraphicsScene 拓扑图
于 2022-11-15 09:29:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pony12/article/details/127858854
QT 专栏收录该内容
17 篇文章 ¥119.90 ¥299.90
订阅专栏
本文介绍了一种在Qt环境下，不依赖Qt Designer，仅使用QWidget和QGraphics*对象手工创建的传输拓扑图。内容涵盖拓扑图的布局、使用的Qt类、功能实现，包括节点和连线的绘制、移动、保存、放大缩小、悬浮信息显示及右键菜单等。通过提供完整的代码文件，读者可以直接将拓扑图组件集成到项目中。

        在Qt Creator中，在未借助Qt Designer的情况下，基于QWidget+QGraphics*对象类纯手工编码的传输关系拓扑图，进行了升级和更版，下面就来介绍一下具体情况。

        代码模拟的场景是，针对多台机器间文件传输的节点和任务的对应关系，以UI拓扑图的方式来动态展示，如下图

        零）布局

        一）用到的Qt对象类，

  • 1）QGraphics*类，如QGraphicsView、QGraphicsScene、QGraphicsItem、QGraphicsPixmapItem、QGraphicsProxyWidget、QGraphicsSceneHoverEvent；
  • 2）布局类，QVBoxLayout、QHBoxLayout、QFormLayout、QGridLayout；
  • 3）控件类，如QP
了解本专栏 订阅专栏 解锁全文
基于QT-QGraphicsView的网络拓扑图
pony12的专栏
08-17 6280
拓扑图功能 1）搭建拓扑图基本框架； 2）绘制节点，根据节点类型绘制不同图标； 3）绘制节点间连线 4）实现节点图标的动态拖动、线条的动态移动； 5）拓扑图的放大和缩小、保存等； 6）提供左侧图例 7）其他功能待完善 基于QWidget、QGraphicsView、QGraphicsPixmapItem、QGraphicsItem、QDialog等图形基础类，并没有使用设计师视图UI等，而是纯自定义式实现拓扑图效果图。 实现的主要有TopoWidget、TopoView、TopoNode、TopoEdge视
Qt实现网络拓扑图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-14 1776
Qt实现网络拓扑图（附完整源码）
QT实现网络拓扑图
12-07
利用QGraphicsView、QGraphicsPixmapItem、QGraphicsLineItem实现多层子网网络拓扑图
Qt实现网络拓扑图
07-15
使用Qt实现网络拓扑图的层级结构，可以对网络节点进行拖动，周边的线条也会随之拖动。
利用QT实现瀑布图、Lofar谱图、色谱图，热力图（二）
热门推荐
尘埃飞舞
02-12 1万+
关于问题详细描述可以看一下我之前的博文，之前我只是简单的介绍了一下这个功能，现在介绍一下如何具体x实现 https://blog.youkuaiyun.com/qq_21449473/article/details/103207224 一、使用工具 QT+QCustomplot结合，利用QCustmPlot中的 ...
QGraphicsView 添加QWidget并布局
MangoKing
09-27 8565
QGraphicsScene *scene = new QGraphicsScene;//最好用new的方法，临时变量有时候不起效 // 创建部件，并关联它们的信号和槽 QTextEdit *edit = new QTextEdit; QPushButton *button = new QPushButton("clear"); QObject::connect(button, SIGNAL(clicked()), edit, SLOT(clear())); ...
qt绘制网络拓补图(连接数据库，递归函数，无限绘制，可拖动节点）
weixin_43935474的博客
07-02 4286
qt实现的绘制网络拓补图，先连接sqlserver数据库获取所有节点数据，然后通过递归函数解析出每个节点之间的关系，并计算每个节点要在图上绘制的位置，然后通过重写的 QGraphicsPixmapItem类来绘制节点图，通过重写的 QGraphicsItem类来绘制节点之间的连线。 只要各节点之间的关系数据正确，可以无限绘制。 界面显示如下： 拖动效果如下： sqls......
精选资源
QGraphicsView以鼠标点实现放大缩小、拖拽
12-22
在Qt框架中，`QGraphicsView`是一个强大的组件，用于显示和操作复杂的2D图形场景。本篇文章将详细讲解如何利用`QGraphicsView`来实现图像的放大、缩小和拖拽功能，这对于创建具有交互性的图形用户界面（GUI）特别...
记录一次,解决QGraphicsView显示图像文字模糊的问题,插个眼,以便自己后续翻找
08-07
记录一次,解决QGraphicsView显示图像文字模糊的问题,插个眼,以便自己后续翻找
Qt5_在QWidget中画动态图
caoyangxiaoyao的博客
04-05 4743
在以前的文章中，我们介绍了如何在QTabWidget中画网络拓扑图。今天，我们介绍一下，如何使得所画的图呈现出动态的变化，比如在网络拓扑中，随着时间的变化，一些节点显示红色，一些节点显示绿色。 准备过程：红色和绿色的图片 思路：依旧使用重写paintevent函数来实现画图功能，要使图片随着时间的变化更新，就需要使用计时器来触发页面更新，页面更新可以使用update函数。 代码：#includ
基于QT例子（elasticnodes）的拓扑图
weixin_42572070的博客
11-09 2905
自己根据QT示例写了一个拓扑图的东西，也不知道怎么写博客，当时翻看例子的时候感觉改一改能自己用，实现了拖拽节点，显示详细信息，自动调整位置。留作自己记录，等着在完善这个小demo。如果对大家有用也一起交流一下下。先上我的效果。 用手机拍摄纯属无奈 。 由于继承QGraphicsView，所以可以当成空间提升使用。 本程序共包含3个类。 本博客主要介绍如何使用 class GraphWidget 调用 SetNodeItem设置节点（传入 int节点层级（只支持4层）QString 节点显示.
qgraphicsview
08-10
qgraphicsview封装成表格的形式，根据row 和column 来设置控件的位置
绘制拓扑图
02-13
网络拓扑测试 - 绘制部分，仅供参考： 读graph.txt获取结点个数和IP等信息；读matrix.txt获取图的邻接矩阵；绘制节点；遍历邻接矩阵连线
网络拓扑图绘制（C++）
01-15
在某个开源网站下载的，分享之。用c++编写的绘制网络拓扑图的软件，基本功能都有！
qt绘制网络拓补图(连接数据库，无限绘制，可拖动节点）
07-02
连接sqlserver数据库获取所有节点数据，通过递归函数解析出每个节点之间的关系，计算每个节点的位置，可无限绘制。我把代码中连接数据库的部分禁用了，如果你会用sqlserver，可以把connectSqlServer();放开，记得配置数据库表
qt实现拓扑图_数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇
weixin_39638105的博客
12-19 1832
HT是啥：Everything you need to create cutting-edge 2D and 3D visualization.这口号是当年心目中的产品方向，接着就朝这个方向慢慢打磨，如今HT算是达到了这样的效果，谈不上用尽洪荒之力，但我们对产品结果很满意，特别是 HT 的用户手册，将例子和文档无缝融合一体，小小 10 来兆开发包居然包含了四十五份手册，数百个活生生的 HTM...
Qt之基于Graphics View实现Mesh网络拓扑图
草上爬的博客
01-17 9143
Mesh是一种多节点、无中心、自组织的无线多跳通信网络，也就是网状结构网络。网络中所有的节点都互相连接，每个节点拥有多条连接通道，所有的节点之间形成一个整体的网络。
QT实现网络拓扑图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-25 1316
QT实现网络拓扑图（附完整源码）
利用QT实现ZigBee拓扑结构显示和数据采集
yaomianfa的博客
05-21 4174
概述 老师要求实现ZigBee的串口输出拓扑结构，小白觉得这样不够直观，就用QT来写一个上位机对拓扑信息进行组合，利用QT的QTreeView来直观的显示拓扑信息，并且采集数据。效果图如下： Zigbee代码流程      协调器处理流程    终端节点处理流程 先讲解下这里的数据格式 协调器发送给串口的数据格式如下： 一个字节的数据类型再加真正的数据 数据类型为0代表拓扑数据 为1代表传...
QT +opengl+QGraphicsView
最新发布
06-10
### QT中结合OpenGL与QGraphicsView实现图形渲染的方法 在QT中，结合OpenGL和`QGraphicsView`可以显著提升渲染性能，尤其是在需要处理复杂图形或启用抗锯齿功能时。以下是一个详细的实现方法： #### 设置OpenGL作为视口 为了将OpenGL集成到`QGraphicsView`中，可以通过设置一个新的`QGLWidget`（旧版）或`QOpenGLWidget`（新版）作为视口来实现。这一步是关键，因为它替换了默认的基于`QWidget`的视口，从而利用了OpenGL的硬件加速功能[^1]。 ```cpp #include <QApplication> #include <QGraphicsView> #include <QGraphicsScene> #include <QOpenGLWidget> int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建一个图形场景 QGraphicsScene *scene = new QGraphicsScene(); scene->addRect(0, 0, 100, 100, QPen(Qt::black), QBrush(Qt::blue)); // 创建一个图形视图并设置场景 QGraphicsView view(scene); // 使用 QOpenGLWidget 替代默认视口 view.setViewport(new QOpenGLWidget()); // 启用抗锯齿 view.setRenderHint(QPainter::Antialiasing); // 设置视口更新模式为全视口更新 view.setViewportUpdateMode(QGraphicsView::FullViewportUpdate); view.show(); return app.exec(); } ``` #### 配置OpenGL特性 如果需要启用OpenGL的特定功能（如抗锯齿），可以通过`QGLFormat`（旧版）或`QSurfaceFormat`（新版）进行配置。例如，为了支持多采样抗锯齿（MSAA），可以在创建`QOpenGLWidget`时指定格式。 ```cpp QSurfaceFormat format; format.setSamples(4); // 设置多采样级别为4 QOpenGLWidget *openGLWidget = new QOpenGLWidget(); openGLWidget->setFormat(format); view.setViewport(openGLWidget); ``` #### 实现自定义OpenGL渲染逻辑 如果需要在`QGraphicsView`中嵌入自定义的OpenGL渲染逻辑，可以继承`QOpenGLWidget`并重写其`initializeGL`、`resizeGL`和`paintGL`方法[^2]。 ```cpp class CustomOpenGLWidget : public QOpenGLWidget { protected: void initializeGL() override { initializeOpenGLFunctions(); glClearColor(0.0f, 0.0f, 0.0f, 1.0f); // 设置清除颜色为黑色 } void resizeGL(int w, int h) override { glViewport(0, 0, w, h); // 设置视口大小 } void paintGL() override { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // 清除缓冲区 // 在这里添加自定义OpenGL渲染代码 } }; // 使用自定义 OpenGL Widget 作为视口 CustomOpenGLWidget *customOpenGLWidget = new CustomOpenGLWidget(); view.setViewport(customOpenGLWidget); ``` #### 注意事项 1. **性能优化**：使用`QGraphicsView::FullViewportUpdate`可以确保整个视口在每次更新时重新绘制，这对于复杂的OpenGL渲染尤为重要[^3]。 2. **兼容性**：在较新的QT版本中，推荐使用`QOpenGLWidget`替代已废弃的`QGLWidget`[^1]。 3. **抗锯齿支持**：确保系统支持OpenGL的采样缓冲区（Sample Buffers），否则可能无法启用抗锯齿功能。 ---
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

pony12

助力1000篇OpenDDS文

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

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

打赏作者

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

抵扣说明：

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

余额充值