当前位置:首页 > draw.io教程

在 draw.io 中对齐和调整形状间距,以获得更整齐的图表。

drawio1年前 (2025-04-04)draw.io教程11

当图形对齐且间距均匀时,图表看起来更整洁,也更容易阅读。手动使用网格对齐所有图形可能很费时——其实有更简便的方法。在“格式”面板的“排列”选项卡中, “对齐”“分布”工具可以帮助您快速轻松地对齐和调整多个图形的间距。

自动化工厂布局示例

这个例子是一个可扩展的歧管布局,用于一条建筑生产线,该生产线从矿工那里获得铁矿石,将铁冶炼成铁锭,并用铁棒制造铁板、铁棒和螺丝。

  • 板材、棒材和螺丝分别存放在各自的专用容器中。

  • 在自动化制造过程中,传送带将每台机器连接起来。

你可以用更少的合并节点和拆分节点来构建这条生产线。然而,在每个工厂组件之前使用一个拆分节点,之后使用一个合并节点,可以实现更紧凑、更整齐的构建。此外,这些节点还能让你轻松地扩展系统,从而生产更大的产量。

提示:在每个存储容器添加一个拆分节点,可以存储一些基础组件,并将其余组件转发以进行高级构建。

快速排列形状

与其使用 draw.io 编辑器中的指导线来分别排列生产线上的每个形状,不如使用格式面板的“排列”选项卡中的工具。

当您选择两个或多个形状时,这些工具将出现在“排列”选项卡中。

  • 水平对齐形状:使用“左对齐”“居中对齐”“右对齐”工具。在本例中,“左对齐”工具可使这些形状整齐对齐。

  • 垂直对齐形状:使用“顶部”“中间”“底部”工具。在下面的示例中,“中间”对齐效果最佳。

  • 将形状均匀分布在两个最外侧的选定形状之间:选中“间距”复选框,即可将选定的形状均匀分布在它们之间,然后单击“水平”“垂直”

    如果未选中“间距”,则每个形状的中心点将均匀分布在两个最外侧的形状之间。下面的示例更清晰地展示了这种区别——中间的选项使用形状的中心点来分布矩形,而底部的选项则使矩形轮廓之间的间距均匀。

注意:像示例中的存储容器这样的组合形状,以及像螺丝和板这样的自定义形状,对齐起来可能比较棘手。您可能需要在图表中手动重新定位这些形状,如下面的示例动画所示。 

draw.io 拥有对齐和分布工具,可让您快速轻松地整理图表。

在 draw.io 中打开完成的图表。

如果游戏中也有如此实用的对齐工具来对齐多个组件就好了。