基于QT-QGraphicsView的网络拓扑图

已于 2022-04-15 08:47:38 修改
阅读量5.5k 收藏 31
点赞数 4
分类专栏： QT 文章标签： QGraphicsView 网络拓扑图 QPixmapItem TopoNode TopoEdge
于 2021-08-17 11:24:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pony12/article/details/119752318
版权
QT 专栏收录该内容
17 篇文章 6 订阅 ¥119.90 ¥299.90
订阅专栏
本文介绍了基于QT的网络拓扑图实现，包括使用QGraphicsView、QGraphicsPixmapItem等自定义绘制拓扑图，实现节点拖动、线条动态移动、放大缩小等功能。此外，还分析了6篇相关博客的优缺点，并提供了完整的代码结构。
摘要由CSDN通过智能技术生成

最近研究制作基于QT的网络拓扑图，目前比较理想的网络拓扑图：

0）到目前为止，自定义制作和实现的传输拓扑图效果

基于QWidget、QGraphicsView、QGraphicsPixmapItem、QGraphicsItem、QDialog等图形基础类，并没有使用设计师视图UI等，而是纯自定义式实现拓扑图效果图。
实现的主要有TopoWidget、TopoView、TopoNode、TopoEdge视图类和EdgeFloatDialog、NodeFloatDialog辅助类。

拓扑图功能
1）搭建拓扑图基本框架；
2）绘制节点，根据节点类型绘制不同图标；
3）绘制节点间连线
4）实现节点图标的动态拖动、线条的动态移动；
5）拓扑图的放大和缩小、保存等；
6）提供左侧图例
7）其他功能待完善

完整代码文件见最后，代码文件7个，可以在自己的项目中灵活引用，包括

1）common.h——node和edge的数据结构

2&#x

了解本专栏 订阅专栏 解锁全文
pony12
关注
专栏目录
订阅专栏
【QT开发教程】Qt中的网络拓扑发现与管理
科技改变人类，技术成就未来
08-19 959
在现代网络管理中，网络拓扑发现与管理是确保网络运行高效和安全的重要任务。Qt作为一个强大的跨平台C++应用程序框架，提供了丰富的网络编程支持，使得开发者能够轻松实现网络拓扑发现与管理。本文将详细介绍如何在Qt中实现网络拓扑发现与管理，并提供一些实用的示例代码。
qt绘制网络拓补图(连接数据库，无限绘制，可拖动节点）
07-02
连接sqlserver数据库获取所有节点数据，通过递归函数解析出每个节点之间的关系，计算每个节点的位置，可无限绘制。我把代码中连接数据库的部分禁用了，如果你会用sqlserver，可以把connectSqlServer();放开，记得配置数据库表
基于QT例子（elasticnodes）的拓扑图
weixin_42572070的博客
11-09 2542
自己根据QT示例写了一个拓扑图的东西，也不知道怎么写博客，当时翻看例子的时候感觉改一改能自己用，实现了拖拽节点，显示详细信息，自动调整位置。留作自己记录，等着在完善这个小demo。如果对大家有用也一起交流一下下。先上我的效果。 用手机拍摄纯属无奈 。 由于继承QGraphicsView，所以可以当成空间提升使用。 本程序共包含3个类。 本博客主要介绍如何使用 class GraphWidget 调用 SetNodeItem设置节点（传入 int节点层级（只支持4层）QString 节点显示.
Qt之基于Graphics View实现Mesh网络拓扑图
草上爬的博客
01-17 8286
Mesh是一种多节点、无中心、自组织的无线多跳通信网络，也就是网状结构网络。网络中所有的节点都互相连接，每个节点拥有多条连接通道，所有的节点之间形成一个整体的网络。
qt绘制网络拓补图(连接数据库，递归函数，无限绘制，可拖动节点）
weixin_43935474的博客
07-02 3746
qt实现的绘制网络拓补图，先连接sqlserver数据库获取所有节点数据，然后通过递归函数解析出每个节点之间的关系，并计算每个节点要在图上绘制的位置，然后通过重写的 QGraphicsPixmapItem类来绘制节点图，通过重写的 QGraphicsItem类来绘制节点之间的连线。 只要各节点之间的关系数据正确，可以无限绘制。 界面显示如下： 拖动效果如下： sqls......
Qt实现网络拓扑图
07-15
使用Qt实现网络拓扑图的层级结构，可以对网络节点进行拖动，周边的线条也会随之拖动。
Qt实现网络拓扑图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-14 1119
Qt实现网络拓扑图（附完整源码）
拓扑图与聚合图形
weixin_41176080的博客
02-06 1311
4案例4：拓扑图与聚合图形 4.1问题 沿用前面的练习，熟悉zabbix拓扑图与聚合图形，实现以下目标： 创建修改拓扑图 创建聚合图形 4.2步骤 实现此案例需要按照如下步骤进行。 步骤一：创建拓扑图形 1）创建拓扑 绘制拓扑图可以快速了解服务器架构，通过Monitoring（监控中）–>Maps（拓扑图），选择默认的Local network拓扑图，编辑即可（也可以新建一个拓扑图），如...
QT实现网络拓扑图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-25 833
QT实现网络拓扑图（附完整源码）
基于Qt QGraphicsView的简易画图软件.zip
04-22
Qt技术是一套强大的跨平台应用程序开发框架，专注于使用C++语言来构建高性能、高可维护性的软件解决方案。自1991年首次推出以来，Qt因其卓越的跨平台能力、丰富的功能集、高效的开发工具和良好的社区支持而广受...
QT QGraphicsview实现的简单地图
09-02
在本文中，我们将深入探讨如何使用QT库中的QGraphicsView组件来实现一个简单的地图应用。QGraphicsView是QT框架中的一个重要部分，它提供了一个可扩展的2D图形视图，适用于构建各种图形用户界面，包括地图展示。 ...
QGraphicsView架构实现基本图形的绘制
05-07
环境：VS2017+Qt5.14.2 环境匹配可以运行成功 功能： 1：实现了基本的图形：矩形、正方形、圆形、三角形、多线段、曲线的绘制 2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除...
Qt QGraphicsView 控件实现标尺和刻度先效果
05-20
在Qt框架中，QGraphicsView是一个非常强大的控件，它用于显示复杂的2D图形场景，支持缩放、平移等操作。在这个特定的案例中，我们关注的是如何利用QGraphicsView来实现自定义的标尺和刻度线效果，而不需要额外引入...
Qt5_在QWidget中画动态图
caoyangxiaoyao的博客
04-05 4534
在以前的文章中，我们介绍了如何在QTabWidget中画网络拓扑图。今天，我们介绍一下，如何使得所画的图呈现出动态的变化，比如在网络拓扑中，随着时间的变化，一些节点显示红色，一些节点显示绿色。 准备过程：红色和绿色的图片 思路：依旧使用重写paintevent函数来实现画图功能，要使图片随着时间的变化更新，就需要使用计时器来触发页面更新，页面更新可以使用update函数。 代码：#includ
网络拓扑图
wdzasr的博客
10-20 180
QT拓扑图中，通过绘制"×"标识链路断开
xumingyifrend的博客
03-25 2321
今天的主题是在通过painter绘制拓扑图，此前已经在GraphicsView中添加好了图元，并能够实现拖动、连接、配置等功能 现在需要在线条上绘制“×”表示链路断开，“×”号要随着图元的拖动调整合适的角度 废话不多说，看如下的效果 代码实现： double angle = ::acos(line.dx() / line.length()); //弧度 if (l...
图拓扑关系可视化的qt实现——有向图
千人斩的博客
06-30 3424
原来写过一篇博客，是图拓扑关系可视化的qt实现， 这里面是无向图，后来需求升级，改为了有向图。 改动的思路主要是在连接节点时记住哪个节点先点，哪个节点后点，同时用二维数组记录节点连接状态。 上一篇无向图的博客下面有人在求源码，但笔者在博客中已经把工程基于的Qt Demo和具体改动的地方都写出来了，还是有人不愿意花时间去调试，上来就要源码。笔者遇到问题也看一些别人写的技术博客，一般都是按照博客内容先尝试复现一遍，如果最后由于自己能力问题和或者作者没有表述清楚的问题实在调不通才会去麻烦作者。因此笔者在此给看到这
图拓扑关系可视化的qt实现
千人斩的博客
04-01 8034
前言 最近在做数据可视化的相关工作，包括曲线图，航迹图，图结构，树结构等。其中树结构相关的工作笔者以前曾经做过，可以参考笔者以前的博客。qt自定义树形控件之一和qt自定义树形控件之二，当时还用数据库对树结构进行持久化。所以这几天的重心在图结构和曲线图上。本文主要介绍图结构的可视化，后续做曲线图进行介绍。 实现效果 代码实现 关于图结构的可视化，qt自带一个例子，叫做Elastic Nodes E...
基于java的技术大健康综合咨询问诊平台的设计与实现.docx
最新发布
09-19
基于java的技术大健康综合咨询问诊平台的设计与实现.docx
qt中qgraphicsview实现鼠标绘图
09-05
在Qt中，QGraphicsView是用来显示和处理大型场景的视图类。要实现鼠标绘图，可以通过以下步骤进行： 1. 创建QGraphicsView实例和一个场景（QGraphicsScene）对象，并将场景设置给视图。 2. 创建一个继承自QGraphicsItem的自定义图形项类，用于表示绘图的形状。 3. 在自定义图形项类中，重写mousePressEvent和mouseMoveEvent两个事件处理函数，用于捕捉鼠标按下和移动的事件。 4. 在mousePressEvent中，记录鼠标按下的位置，并创建一个新的图形项对象。 5. 在mouseMoveEvent中，根据鼠标移动的位置，更新图形项对象的形状。 6. 将新创建的图形项对象添加到场景中，并使用QGraphicsScene::addItem()函数进行添加。 7. 最后，将场景设置给QGraphicsView，并调用QGraphicsView::show()函数显示视图。 以下是一个简单示例代码： ```cpp #include <QtWidgets> class CustomGraphicsItem : public QGraphicsItem { public: CustomGraphicsItem() : QGraphicsItem() { setFlag(ItemIsMovable); setAcceptHoverEvents(true); } QRectF boundingRect() const override { return QRectF(0, 0, 100, 100); } void paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget) override { painter->drawEllipse(boundingRect()); } void mousePressEvent(QGraphicsSceneMouseEvent* event) override { if (event->button() == Qt::LeftButton) { QPointF position = event->pos(); qDebug() << "Mouse press at:" << position; } } void mouseMoveEvent(QGraphicsSceneMouseEvent* event) override { setPos(event->pos()); } }; int main(int argc, char* argv[]) { QApplication app(argc, argv); QGraphicsScene scene; QGraphicsView view(&scene); CustomGraphicsItem* item = new CustomGraphicsItem(); scene.addItem(item); view.show(); return app.exec(); } ``` 这是一个简单的绘图程序，可以在视图中点击鼠标左键，然后拖动鼠标绘制一个圆形图形项。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

pony12

助力1000篇OpenDDS文

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

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

打赏作者

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

抵扣说明：

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

余额充值