[PyQt5-Node-Editor][基础篇]从零开始使用Pyqt5制作节点编辑器(11)——如何创建可拖拽式连线

最新推荐文章于 2024-06-07 09:55:18 发布
最新推荐文章于 2024-06-07 09:55:18 发布
阅读量1.1k 收藏 5
点赞数
分类专栏： pyqt5 节点编辑器 文章标签： qt pyqt pyqt5 可视化编程 节点编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mahuatengmmp/article/details/118635100
版权

导航

目标

使程序能够准确识别以下三个动作

鼠标左键拖拽socket到另外一个socket上完成连线
鼠标左键点击第一个节点，再点击第二个节点，完成连线
鼠标点击第一个节点，或者拖拽第一个节点，之后点击任意处取消连线

实现

实现途径

由于要在View中进行操作，所以这次将代码写在View中，在View中，我们已经定义了鼠标中键的执行命令，并且定义了左键和右键的触发事件函数，但并未定义功能
为了实现以上操作，需要对鼠标左键的连线情况定义两个模式
一个是自由模式，即鼠标可以自由操作
一个是连线模式，即此时鼠标功能只能处于连线的状态
有了这两种状态，就可以定义目标的实现逻辑

鼠标左键拖拽socket到另外一个socket上完成连线

最低0.47元/天 解锁文章
mahuatengmmp
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
[PyQt5-Node-Editor][基础篇]从零开始使用Pyqt5制作节点编辑器(12)——如何创建可拖拽式连线
mahuateng的博客
07-11 1369
导航目标实现增加删除Edge获取通过socket获取对应的edge抓取第一个点抓取过程连线动画点击或拖拽到第二个点结果 目标 完成各节点间的连线 实现 由于涉及到要创建新的edge和删除edge，那么就得编写与之相关的代码。 增加删除Edge 这就需要调用node_scene.py里面的 方法，来实现edge的增加和删除，于是需要在node_edge.py里添加如下代码 self.scene.addEdge(self) 获取通过socket获取对应的edge 首先就需要让Item_socket中有s
[Pyqt-Node-Editor]Nodeeditor文档--Coding Standards（编码标准）
mahuateng的博客
08-23 755
Coding Standards 在整个 nodeeditor 包中使用以下规则和指南： File naming guidelines（文件命名指南） nodeeditor 包中的文件以 node_ 开头 包含图形表示（PyQt5 覆盖类）的文件以 node_graphics_ 开头 窗口/小部件的文件以 node_editor_ 开头 Coding guidelines（编码指南） 方法使用驼峰命名法 变量/属性使用 Snake 大小写命名 构造函数__init__始终包含整个类的所有类变量。这对新
探索Python Node Editor：可视化脚本的创新工具
最新发布
gitblog_00089的博客
06-07 375
探索Python Node Editor：可视化脚本的创新工具 项目地址:https://gitcode.com/bhowiebkr/python-node-editor 1、项目介绍 Python Node Editor 是一个专为Python设计的节点式工具，用于视觉脚本编写。它的目标是将高级Python代码分解成可复用的块，这与Unreal Engine蓝图的概念相似。这个工具允许开发者在独...
[PyQt5-Node-Editor][基础篇]从零开始使用Pyqt5制作节点编辑器(8)——放置Edge(一)
mahuateng的博客
06-27 1059
导航目标实现Main程序改动node_node改动建立Edge类建立Edge 目标 绘制出直线和贝塞尔曲线的连接线，并且连接线会有选择反馈 实现 Main程序改动 将所有的添加Item的调用都交给方法addNode处理 def addNode(self): node1 = Node(self.scene,"这是一个节点",inputs = [1,2,3],outputs = [1]) node2 = Node(self.scene, "这是第二个节点", inp
GitHub开源推荐 | 节点编辑器
青春不老，奋斗不止！
03-06 8467
NodeEditor 是一个可视化的数据流编辑工具，基于 Qt 图形视图框架。Nodes 表示具有特定输入/输出的算法，Connections 将数据从第一个节点的输出（源）传输到第二个节点的输入（接收器）。
PyQt5 节点编辑器
u012863565的博客
07-26 452
BP_Scene.py 表示一个场景 BP_SceneClipboard.py 场景的剪切板操作 BP_SceneHistory.py 场景历史（撤销/重做） BP_Serializable.py 序列化 BP_GraphicsScene.py 背景网格绘制 BP_Node.py 节点基类 BP_ContentWidget.py 节点里面的小控件 BP_Socket.py 节点的连接端 BP_GraphicsSocket.py 节点连...
pyqt-node-editor-master.zip
08-15
总之，"pyqt-node-editor-master.zip"项目为我们提供了一个使用PyQt5构建节点编辑器的实例，通过深入研究，我们可以掌握图形化编程环境的设计原理，以及PyQt5的相关技术，这对于提升我们的软件开发能力大有裨益。
pyqt-node-editor官方文档编译
08-03
PyQT5节点编辑器，通常被称为Node Editor或Flowchart Editor，是一种图形化编程工具，特别适用于创建和编辑流程图式的工作流程。在数据处理、信号传递、逻辑控制等领域，这种编辑器能够以直观的节点和连接线方式展现...
PyQt5-tools-packages.zip
12-16
PyQt5-tools是Python开发中一个非常重要的工具集，它为使用PyQt5库的开发者提供了额外的便利，包括图形用户界面（GUI）设计工具如Qt Designer，代码生成器如uic，以及编译资源文件的rcc工具等。然而，在Python 3.11...
pyqt5,pyqt5-tools
10-16
包含：pyqt5_tools-5.15.0.1.7-cp37-cp37m-win_amd64.whl，PyQt5-5.15.0-5.15.0-cp35.cp36.cp37.cp38-none-win_amd64.whl
pyqt_text_editor:一个简单的独立PyQt5文本编辑器
05-16
一个独立的PyQt5文本编辑器，可以从命令行启动。特征： 包括提供一个或多个选项的菜单栏包括一个小部件，供用户输入不超过140个字符的文本包含用于修改文本样式（例如文本字体或颜色）的控件查看向用户指示已键入...
[PyQt5-Node-Editor][基础篇]从零开始使用Pyqt5制作节点编辑器(4)——结构规划，建设场景
mahuateng的博客
06-23 2820
导航接下来应该做什么QT结构与节点编辑器Node编辑器需要的功能对于代码上的改动自定义Scene尺寸定义专门的node方法运行上的逻辑更改当前各文件代码 接下来应该做什么 QT结构与节点编辑器 图片来源于原作者的教程 首先来讲这张图的左边，左边为QT里关于Graphics View的框架中各类的关系，这与我们即将设计的节点编辑器有关 Item是设置在Scene中的 Scene想要显示出来，需要借助View 最后View是一个Widget，可以放在QT的界面里 这是一条分界线———————————————
[Pyqt-Node-Editor]Nodeeditor文档--node_node
mahuateng的博客
08-23 798
Node_node模块 包含用于表示Node 的NodeEditor 类的模块。 class nodeeditor.node_node.Node(scene: Scene, title: str = 'Undefined Node', inputs: list = [], outputs: list = []) Bases: nodeeditor.node_serializable.Serializable Class representing Node in the Scene. Parameters（
[PyQt5-Node-Editor][进阶篇]使用Pyqt5制作节点编辑器(21)——实现主窗口
mahuateng的博客
07-25 1025
导航目标实现将之前的NodeEditWind改为NodeEditWidget主界面代码详解建立一个菜单栏功能范本将View的按键功能移植到主界面事实坐标显示 目标 本章节里将真正的重点实现主界面的建立，以及功能的实现，将之前View上的按键功能移至主界面 在主界面中心放置View，下面添加statusBar，上面添加菜单栏，并且statusBar将实现当前鼠标在场景的位置显示，以及保存成功等消息的显示 实现 将之前的NodeEditWind改为NodeEditWidget NodeEditWind将不再担
C#免编程拖拽——节点组合连线实现编程功能
panjinliang066333的博客
05-07 1973
2.功能块任意拖拽，节点跟随，功能块属性设置输入输出和删除。3.连接节点，触发各功能块任务，可以把触发结果传给下个输入。比如，实现一个简单的加法计算。拖拽编程效果，控件之间连线。1.支持节点连接，和删除。实现图片节点输入的代码。4.功能块支持二次开发。
【Python】PyQt拖动控件对齐到网格
@苏丶的博客
12-29 636
PyQt拖动控件 对齐到网格
python从入门到精通（十七）：python的图形化界面开发
HACKONE的博客
02-10 804
Tkinter是Python的标准GUI库，它提供了丰富的组件和布局管理器，能够帮助我们快速地创建图形用户界面应用程序。
【GraphVisual】画节点与线以及移动节点线随着移动
gaoyuelong的博客
05-05 589
画节点和线似乎是这个程序最基础的部分。
[PyQt5-Node-Editor][前言]从零开始使用Pyqt5制作节点编辑器(0)
mahuateng的博客
06-20 2160
0x01 为什么要做这个系列 1. 导师布置任务的学习笔记 对就是这么简单，不过是导师的任务罢了，一边学习，一边做笔记（学节点编辑器，弄拖拽式编程） 2.案例稀缺 对于开源节点编辑器的项目目前我就只找到了两个，一个是vue-node-editor,一个是基于pyqt的节点编辑器，这两个项目的作者都没给出完整的接口和文档，于是我决定对后者进行研究和学习，（跟着作者一点一点的码代码）… 作者全部课程：https://www.blenderfreak.com/tutorials/node-editor-tutor
PyQt5入门：从零开始学习窗口程序设计
"PyQt5入门教程" 在PyQt5中，开发者可以利用Python语言来构建图形用户界面（GUI）。PyQt5是Python的一个模块，它提供了丰富的组件和工具，用于创建美观且功能强大的桌面应用程序。这个入门教程主要针对初学者，同时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值