节点自动排列(ELK)

一键整理画布,使用 ELK 布局引擎自动将连接的节点排列为清晰的管线。

·Musein Team

随着画布不断扩展,节点可能变得分散,连接关系也难以追踪。节点自动排列功能使用 ELK(Eclipse Layout Kernel)引擎,一键将一切重新组织为清晰可读的管线结构。

工作原理

ELK 是一个强大的图布局框架,它分析节点连接并智能排列:

  1. 选择你想要整理的节点(或不选任何内容以排列整个画布)
  2. 点击工具栏中的自动布局按钮
  3. ELK 根据连接拓扑计算出最优布局
  4. 节点自动归位,同时保留所有连线

结果是一个整洁有序的工作流,易于阅读和导航。

Messy graph → ELK layout

This preview runs the real ELK auto-layout utility used by the canvas.

Needs layout

布局方向

选择适合你工作流程的方向:

  • 从左到右 — 最常用的方向。源节点在左侧,处理步骤向右流动,输出节点在最右侧。适合类似阅读的工作流。
  • 从上到下 — 源节点在顶部,向下流动。适合垂直屏幕空间或分层管线。
  • 从右到左 — 反向流动,适用于特定场景。
  • 从下到上 — 向上流动,不太常见但在某些布局中有用。

方向适用于连接组件的主流方向。

ELK 保留的结构

布局引擎智能地保留你的意图:

  • 组节点 — 子节点保持在父组内部
  • 现有连接 — 所有连线被保留并重新干净地布线
  • 节点尺寸 — 节点尺寸被尊重,ELK 在此基础上工作
  • 层级结构 — 嵌套结构保持其包含关系

何时使用自动布局

自动布局特别有助于:

  • 删除或添加多个节点后整理画布
  • 分享画布前规范化视觉结构
  • 解开变得混乱的复杂子流程
  • 以干净的基线开始协作会话

小贴士

  • 如果不满意结果,结合撤销(Ctrl+Z)使用 — 尝试不同的方向
  • 如需部分整理,只选择一组子节点
  • 非常大的画布可能需要一些时间计算,进度会在状态栏中显示

继续阅读