惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
量子位
博客园 - 三生石上(FineUI控件)
博客园 - Franky
博客园_首页
罗磊的独立博客
酷 壳 – CoolShell
酷 壳 – CoolShell
G
Google Developers Blog
IT之家
IT之家
Google DeepMind News
Google DeepMind News
爱范儿
爱范儿
Last Week in AI
Last Week in AI
U
Unit 42
J
Java Code Geeks
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MyScale Blog
MyScale Blog
H
Help Net Security
V
V2EX
S
SegmentFault 最新的问题
月光博客
月光博客
Martin Fowler
Martin Fowler
Vercel News
Vercel News
Y
Y Combinator Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - lzhdim

C#性能杀手TOP10:你的代码中招了吗? 20260913 - 个人小作品更新 宝马Z4借壳复活!改装版Spider亮相:售价约90万、限量99台 C#开发的ScreenSaver屏保应用 - 开源研究系列文章 - 个人小作品 7个现代C#实战模式:微软精英团队都在用的高效编程技巧 25个每个开发人员都应该掌握的JavaScript 数组方法 20260831 - 个人小作品更新 C#使用SQLite数据库例子 - 开源研究系列文章 20260830 - 个人小作品更新 20260829 - 个人小作品更新 13、JavaScript事件循环机制 - JavaScript学习系列文章 首款媲美分体水冷的一体水冷!微星CORELIQUID E15 360水冷散热器评测:目前为止 锐龙9 9950X3D最强性能释放 JavaScript常见的内存泄露问题 - JavaScript学习系列文章 C#开发的颜色取色器 - 开源研究系列文章 - 个人小作品 成长环境 - 我的闪存 提高 SQL 语句执行速度的方法 JavaScript安全最佳实践 关闭iPhone一些默认设置,让iPhone更流畅 20260814 - 个人小作品更新 JavaScript对象与元编程 20260812 - 个人小作品更新 JavaScript 模块化系统 Markdown 语法完全指南 C# 通过 Windows API 实现进程内存读写操作 JavaScript 函数进阶课题 C#开发的基于钩子技术监测键鼠事件的例子 - 开源项目研究文章 JavaScript异步编程的演进 近十年最帅风冷!酷冷至尊V8 ACE 3DHP散热器评测:单塔能干翻双塔 20260723 - 个人小作品更新 C# 中读取CPU、硬盘和内存温度
一款基于 .Net WinForm 开发的节点编辑器,纯 GDI 实现,体积...
lzhdim · 2026-05-10 · via 博客园 - lzhdim

做流程图、逻辑树、行为树这类东西的时候,你可能会想到用现成的流程引擎或者可视化框架。但大多数都太重了,要么依赖一堆库,要么体积巨大,集成到项目里光是依赖就能搞半天。STNodeEditor 是专门解决这个问题的。它是一个基于 .NET WinForm 开发的节点编辑器,采用纯 GDI 实现,没有额外依赖库

图片       适合什么场景01
图形化编程有些系统需要让用户自己定义业务逻辑,比如配置工作流、设计业务流程。如果让用户写代码,那门槛太高了。STNodeEditor 可以让用户通过拖拽节点和连接线来构建逻辑流程,不需要写代码,会用流程图就能上手。适合那种需要用户自定义规则的系统,比如审批流、配置工具、业务编排等。数据处理管道做数据处理的时候,通常是一系列步骤:清洗 -> 转换 -> 计算 -> 输出。每个步骤就是一个节点,数据沿着连接线从一个节点流向下一个节点。用 STNodeEditor 可以很直观地看到整个数据流动的路径,哪个节点出问题一目了然。游戏开发游戏里经常用到行为树、状态机、逻辑树。这些概念本身就是树状结构,用节点编辑器来做特别合适。

  • 行为树:AI 怎么做决策、什么时候攻击、什么时候逃跑
  • 状态机:游戏角色在不同状态之间切换
  • 逻辑树:复杂的条件判断

用 STNodeEditor 可以可视化地编辑这些树状结构,开发效率会高很多。自动化测试测试用例多了以后,管理和维护会很麻烦。如果把每个测试步骤做成一个节点,通过连接线定义执行顺序,那整个测试流程就一目了然。而且节点可以复用:同一个"登录"节点,可以在多个测试用例里复用。修改一次,所有用例都生效。科研模拟做科学研究的时候,经常需要反复调整参数、运行实验、观察结果。比如模拟一个物理过程、化学反应、经济模型。用 STNodeEditor 把整个模拟过程做成节点图,参数调整只需要在节点属性里改,改完运行看结果,非常方便。图片

图片       三个核心模块02
TreeView树形视图,用来展示和检索项目里所有的节点。你可以把节点直接从 TreeView 拖拽到编辑器里。像一个零件库,你需要哪个节点,从库里拖出来就行。PropertyGrid类似 Visual Studio 里的属性窗口。每个节点都有自己的属性,比如名称、参数、配置项。你可以在 PropertyGrid 里编辑这些属性。上手方式和设计 WinForm 差不多,会用 Visual Studio 拖控件的人,基本上看看就会了。不需要额外的学习成本。NodeEditor编辑器的主区域,是用户组合执行流程的地方。支持:

  • 拖拽节点
  • 连接节点(定义数据流向)
  • 删除节点
  • 选中、复制、粘贴

整个执行流程是可视化的,节点和连接线一目了然。复杂的逻辑流程在这里变得直观易懂。图片

图片       技术特点03
轻量级纯 GDI 实现,没有依赖任何第三方库。体积只有 100+Kb,集成到项目里几乎不会有负担。不需要装这个库那个包,解压就能用。高度自由提供了大量的虚函数,开发者可以重写这些函数来自定义节点的行为。比如:

  • 自定义节点的绘制方式(外观)
  • 自定义节点的交互逻辑(点击、双击、拖拽)
  • 自定义连接线的样式

你可以把节点做成任何你想要的样子。数据交互节点之间通过 InputOptions(输入)和 OutputOptions(输出)进行数据交互。支持两种连接模式:

  • 单连接模式(single-connection):一个输出只能连一个输入
  • 多连接模式(multi-connection):一个输出可以连多个输入

数据传递通过 DataTransfer 事件和 TransferData 方法实现。发送方调用 TransferData,接收方通过 DataTransfer 事件收到。这套机制很灵活,基本能满足各种场景的需求。可视化构建核心价值就在这:拖拽节点、连接线,就能构建执行流程。不需要写代码,不需要画图,直接在编辑器里操作。一个复杂的逻辑流程,拖拽几下就出来了。图片

图片       技术栈04

  • 开发环境:Visual Studio 2010
  • 框架:.NET 3.5 WinForm
  • 编程语言:C#
  • 图形绘制:纯 GDI(不依赖第三方绘图库)
  • 包管理:NuGet(提供 ST.Library.UI 包)

图片       适合谁用05

  • .NET WinForm 开发者,需要做可视化流程、逻辑树
  • 游戏开发者,需要行为树、状态机
  • 需要轻量级解决方案,不想要重型框架
  • 对依赖库敏感,希望项目尽量精简

GitHub:https://github.com/DebugST/STNodeEditor