C++ ImGui如何绘制可缩放平移的节点编辑器（Node Editor）-C++-PHP中文网

ImNodes 是 ImGui 生态中最成熟可用的节点编辑器扩展库，需手动处理缩放平移、坐标转换、连接管理及节点生命周期；节点内容必须包裹在 imnodes::BeginNode/EndNode 中，连线数据需自行持久化。

c++ imgui如何绘制可缩放平移的节点编辑器（node editor）

ImGui 本身不提供原生 Node Editor，得用第三方库

ImGui 官方控件集里没有 NodeEditor、GraphEditor 或类似概念——你直接调用 ImGui::Begin() 是画不出带连线、拖拽节点、缩放平移的编辑器的。必须引入扩展库，目前最成熟、维护活跃的是 ImNodes（由 BluePrint 团队开发，与 ImGui 1.89+ 兼容良好）。

别试 imgui-node-editor（已归档）、也别自己从零实现 canvas + 矩形拖拽 + 贝塞尔连线——它看似简单，但缩放锚点偏移、鼠标坐标转换、连接点吸附、连线重绘性能这些细节会吃掉你两周。

实操建议：

克隆 ImNodes 最新 release（如 v0.7），只取 imnodes.h 和 imnodes.cpp，和你的 ImGui 源码一起编译
确保在调用 imnodes::BeginNodeEditor() 前，已正确初始化 ImGui::CreateContext() 并调用过 ImGui::NewFrame()
不要把 imnodes::EditorContextSet() 放在每帧开头——它只需在初始化时调用一次，否则上下文会被反复覆盖导致节点丢失

缩放和平移不是自动开启的，要手动绑定输入并更新视图矩阵

ImNodes 默认不响应 Ctrl+MouseWheel 缩放或右键拖拽平移。它把视图控制权完全交给你，靠 imnodes::GetEditorContext()->view_origin 和 imnodes::GetEditorContext()->zoom 手动读写。

常见错误是直接修改 zoom 值但没重映射鼠标坐标，结果节点位置“漂移”、连线起点错位。根本原因是：缩放后，屏幕坐标 → 画布坐标的转换必须同步更新。

实操建议：

在 ImGui::NewFrame() 后、imnodes::BeginNodeEditor() 前，检查输入：

if (ImGui::IsKeyDown(ImGuiKey_LeftCtrl) || ImGui::IsKeyDown(ImGuiKey_RightCtrl)) {
    if (float delta = ImGui::GetIO().MouseWheel; delta != 0.0f) {
        auto& ctx = *imnodes::GetEditorContext();
        ctx.zoom = ImClamp(ctx.zoom + delta * 0.1f, 0.25f, 4.0f);
        // 注意：这里不改 view_origin，缩放中心默认是画布原点
    }
}

右键拖拽平移需捕获 ImGui::IsMouseDown(ImGuiMouseButton_Right)，再用 ImGui::GetIO().MouseDelta 更新 ctx.view_origin，且要除以当前 zoom 值才能保证物理位移一致
每次修改 view_origin 或 zoom 后，务必调用 imnodes::EditorContextSet()（如果用了多上下文）或确保上下文未被销毁

节点内容不能直接写 ImGui::Text()，得用 imnodes::BeginNode()/EndNode()

很多人把 ImGui::Text("Input") 直接塞进 imnodes::BeginNodeEditor() 区域，发现文字不随节点缩放、也不响应拖拽——因为 ImNodes 的节点是独立布局容器，所有 UI 必须包裹在 imnodes::BeginNode(id) 和 imnodes::EndNode() 之间，否则会被忽略或错位渲染。

Blender Geometry Nodes Script Generator

生成Blender Python (bpy)脚本，该脚本使用node_groups API和GeometryNodeTree接口程序化地创建几何节点修改器树，用于参数化3D资产生成。

下载

更关键的是：节点内部的控件（比如 ImGui::SliderFloat()）会受当前缩放影响——字体变小、点击热区缩小。这不是 bug，是设计使然。若要保持 UI 可操作性，得在节点内做适配。

实操建议：

每个节点必须有唯一 int ID（不能用指针地址，跨帧可能变），推荐用稳定哈希或枚举值
节点标题用 imnodes::BeginNodeTitleBar()，里面再调 ImGui::Text()；输入/输出端口用 imnodes::BeginInputAttribute() / imnodes::BeginOutputAttribute()
如果节点内需要固定尺寸控件（如按钮不随缩放变小），可在 BeginNode() 后临时修改 ImGui::GetStyle().ScaleAllSizes，但记得在 EndNode() 前恢复，否则影响其他 UI

连线数据不自动持久化，断开/重连逻辑得自己维护

ImNodes 只负责绘制连线和检测连接事件（imnodes::IsLinkCreated() / imnodes::IsLinkDestroyed()），它不存储任何图结构。所谓“两个节点连上了”，只是你收到一个 LinkId 回调，而这个 ID 在帧间不保证稳定。

典型坑：用户拖拽连线到某端口，你存了 input_node_id 和 output_node_id，但下一帧发现连线没了——因为用户松手前没完成连接，或者 LinkId 被回收了。ImNodes 不保留历史连接状态。

实操建议：

监听 imnodes::IsLinkCreated(&started_attr, &ended_attr)，然后用 started_attr 和 ended_attr 对应的端口 ID（通常是整数）构造你自己的连接关系，比如存入 std::vector<:pair int>>
渲染时，用 imnodes::Link(link_id, attr_a_id, attr_b_id) 重绘所有你认可的连接，link_id 可用 std::hash<:pair>>{}({a,b}) 生成
删除节点时，别忘了遍历你的连接列表，清除所有含该节点 ID 的项，否则残留连接会导致崩溃或绘制异常

缩放和平移看着是视觉功能，但真正难的是坐标系对齐和生命周期管理——鼠标坐标、节点本地坐标、画布坐标、屏幕坐标四层嵌套，少一步转换，拖拽就飘，连线就歪。别信“设个 zoom 就完事”的直觉。