当前位置: 首页 > news >正文

PyQtNode Editor 第三篇创建节点(节点的定义)

在这里插入图片描述在 PyQtNode Editor 的开发之旅中,经过前两篇博客对基础环境搭建和核心类结构的探索,我们已经迈出了坚实的步伐。今天,我们将聚焦于node_scene文件,深入解析其中的代码逻辑。这段代码构建了Scene类,它如同整个节点编辑器的 “管理中枢”,承担着组织和协调节点、边等关键元素的重要职责,是推动编辑器功能运转的核心力量。
首先创建一个node_scene.py文件
导入必要的模块​

from node_graphics_scene import QDMGraphicsScene​


这里从自定义模块 node_graphics_scene 中导入 QDMGraphicsScene 类。QDMGraphicsScene 类通常用于处理图形场景的可视化相关操作,比如绘制背景、管理场景中的图形元素显示等。通过导入这个类,Scene 类可以利用它来实现节点和边在界面上的展示,将逻辑数据与可视化效果进行关联。​
定义 Scene 类​

class Scene:


Scene 类用于管理节点编辑器中的节点和边的逻辑数据,以及与图形场景进行交互。它是整个节点编辑系统中数据管理和协调的核心部分,后续关于节点和边的创建、删除、存储等操作都会围绕这个类展开。​
类的初始化方法​

    def __init__(self):​self.nodes = []​self.edges = []​
​self.scene_width = 64000​self.scene_height = 64000​
​self.initUI()


self.nodes = [] 和 self.edges = []:分别创建了两个空列表,用于存储节点和边的对象。在后续的操作中,当创建新的节点或边时,就会将它们添加到对应的列表中,方便进行统一管理和遍历操作 。​
self.scene_width = 64000 和 self.scene_height = 64000:设置了图形场景的宽度和高度。这两个属性定义了整个节点编辑区域的大小范围,确定了节点和边可以放置的空间。​
self.initUI():调用自定义的 initUI 方法,用于初始化与图形场景相关的设置,将逻辑上的 Scene 类与可视化的图形场景进行关联和配置。​
初始化用户界面方法​

    def initUI(self):​self.grScene = QDMGraphicsScene(self)​self.grScene.setGrScene(self.scene_width, self.scene_height)​
​

self.grScene = QDMGraphicsScene(self):创建了一个 QDMGraphicsScene 类的实例 grScene,并将当前的 Scene 类实例(self)作为参数传递进去。这样做是为了在 QDMGraphicsScene 类中能够获取到与当前逻辑场景相关的信息,实现逻辑与可视化的交互。例如,QDMGraphicsScene 类可能需要根据 Scene 类中的数据来决定如何绘制节点和边。​
self.grScene.setGrScene(self.scene_width, self.scene_height):调用 QDMGraphicsScene 实例的 setGrScene 方法,将之前设置的场景宽度和高度传递进去。这个方法可能会根据传入的尺寸对图形场景进行初始化配置,比如设置场景的边界范围,以便正确显示节点和边。​
节点和边的添加方法​

    def addNode(self, node):​self.nodes.append(node)​
​def addEdge(self, edge):​self.edges.append(edge)​
​

addNode 方法:接收一个 node 参数,将传入的节点对象添加到 self.nodes 列表中。当在节点编辑器中创建新的节点时,就会调用这个方法将新节点纳入到场景的管理中,方便后续对节点进行查找、操作和存储等处理。​
addEdge 方法:与 addNode 方法类似,接收一个 edge 参数,将传入的边对象添加到 self.edges 列表中。在节点之间建立连接关系时,新创建的边就会通过这个方法添加到场景中,实现对边的统一管理。​
节点和边的删除方法​

    def removeNode(self, node):​self.nodes.remove(node)​
​def removeEdge(self, edge):​self.edges.remove(edge)


removeNode 方法:接收一个 node 参数,从 self.nodes 列表中移除指定的节点对象。当需要在节点编辑器中删除某个节点时,调用这个方法可以将该节点从场景的管理中移除,同时后续可能还会触发一些与该节点相关的清理操作,比如删除与该节点连接的边等。​
removeEdge 方法:接收一个 edge 参数,从 self.edges 列表中移除指定的边对象。在断开节点之间的连接时,就会使用这个方法将对应的边从场景中删除,确保场景中的数据与实际的节点连接状态一致。
完整的node_scene文件:

# 从自定义模块node_graphics_scene中导入QDMGraphicsScene类。
# QDMGraphicsScene类通常用于处理图形场景的可视化相关操作,
# 例如绘制场景背景、管理场景中图形元素的显示等,为后续将逻辑数据可视化做准备
from node_graphics_scene import QDMGraphicsScene# 定义Scene类,该类用于管理节点编辑器中的节点和边的逻辑数据,
# 以及与图形场景进行交互,是整个节点编辑系统数据管理和协调的核心部分
class Scene:# 类的初始化方法,在创建Scene类的实例时自动调用,用于初始化对象的属性def __init__(self):# 创建一个空列表,用于存储节点对象。后续创建的节点都将添加到这个列表中,# 方便对节点进行统一管理,如遍历、查找、操作等self.nodes = []# 创建一个空列表,用于存储边对象。与节点列表类似,# 所有创建的边都会存放在这里,便于管理边的相关操作self.edges = []# 设置图形场景的宽度为64000,这个值定义了节点编辑区域在水平方向上的大小范围self.scene_width = 64000# 设置图形场景的高度为64000,确定了节点编辑区域在垂直方向上的大小范围self.scene_height = 64000# 调用initUI方法,用于初始化与图形场景相关的设置,# 建立逻辑场景与可视化图形场景之间的联系self.initUI()# 初始化用户界面的方法,主要负责创建图形场景实例并进行相关配置def initUI(self):# 创建QDMGraphicsScene类的实例grScene,并将当前Scene类的实例self作为参数传入。# 这样做可以使QDMGraphicsScene类获取到与当前逻辑场景相关的信息,# 实现逻辑场景与可视化图形场景之间的交互self.grScene = QDMGraphicsScene(self)# 调用grScene的setGrScene方法,将之前设置的场景宽度和高度传入。# 该方法会根据传入的尺寸对图形场景进行初始化配置,# 比如设置场景的边界范围,以确保节点和边能在正确的区域内显示self.grScene.setGrScene(self.scene_width, self.scene_height)# 向场景中添加节点的方法,接收一个node参数,代表要添加的节点对象def addNode(self, node):# 将传入的节点对象添加到self.nodes列表中,# 从而将新节点纳入到Scene类的管理体系中self.nodes.append(node)# 向场景中添加边的方法,接收一个edge参数,即要添加的边对象def addEdge(self, edge):# 将传入的边对象添加到self.edges列表中,# 实现对新创建边的统一管理self.edges.append(edge)# 从场景中移除节点的方法,接收一个node参数,指定要移除的节点对象def removeNode(self, node):# 从self.nodes列表中移除指定的节点对象,# 在实际应用中,删除节点可能还会引发与该节点相关的其他清理操作,# 以保证数据的一致性和准确性self.nodes.remove(node)# 从场景中移除边的方法,接收一个edge参数,用于指定要移除的边对象def removeEdge(self, edge):# 从self.edges列表中移除指定的边对象,# 确保场景中节点之间的连接关系与实际操作保持一致self.edges.remove(edge)

在node_graphics_scene.py文件中:
初始化原来函数:

class QDMGraphicsScene(QGraphicsScene):def __init__(self, parent=None):super().__init__(parent)

更改为:

class QDMGraphicsScene(QGraphicsScene):def __init__(self, scene, parent=None):super().__init__(parent)self.scene = scene

并且增加一个函数:

 def setGrScene(self, width, height):self.setSceneRect(-width // 2, -height // 2, width, height)

并且删除原来代码中:

self.scene_width, self.scene_height = 64000, 64000
self.setSceneRect(-self.scene_width//2, -self.scene_height//2, self.scene_width, self.scene_height)

在窗口的node_editor_wnd.py文件中:
首先调用

from node_scene import Scene

将原来的代码中的:

self.grScene = QDMGraphicsScene()

更改为:

    self.scene = Scene()self.grScene = self.scene.grScene

通过以上的步骤:实现了Scene函数的分离。

节点类

创建一个node_graphics_node.py

# 从PyQt5的QtWidgets模块导入所有的类和函数,该模块包含各种用于创建用户界面的组件,如按钮、布局、视图等
from PyQt5.QtWidgets import *
# 从PyQt5的QtCore模块导入所有的类和函数,此模块提供了核心功能,包括信号与槽机制、事件循环、定时器等
from PyQt5

相关文章:

  • 圆周石墨密封流体温度场MATLAB分析(微分求积法求解二维能量方程)
  • python中学物理实验模拟:瞬间推力与摩擦力作用下的物体运动
  • AC-DC-AC间接变频电源设计方案(工频50Hz→20KHz)
  • 【大模型】Query 改写常见Prompt 模板
  • Idea 项目远程开发 Remote Development
  • git使用详解和示例
  • 数字孪生技术引领UI前端设计新革命:实时交互与模拟预测
  • 使用cmake+vs2022编译win环境下grpc(不建议拉取最新版本grpc(注意本文时间是2025/6/28))
  • 【软考--软件设计师】10.2 关系型数据库
  • 实变与泛函题解-心得笔记【16】
  • Dask心得与笔记【2】
  • 《卷积神经网络到Vision Transformer:计算机视觉的十年架构革命》
  • LeetCode--38.外观数列
  • docker部署后端服务的脚本
  • 华为交换机SSH登录报错--Key exchange failed.
  • Java-Scanner类
  • 深入解析Java 内部类
  • 单电机FOC与多电机协同交叉耦合控制Simulink仿真方案
  • 深入浅出:AWS Cognito 认证机制详解
  • cf 禁止http/1.0和http/1.1的访问 是否会更安全?