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

draw.io 中的网格对齐和其他实用对齐工具

drawio2年前 (2024-07-10)draw.io教程13

draw.io 编辑器提供多种工具和参考线,帮助您对齐形状和连接线,包括网格对齐、参考线和间距对齐以及连接点对齐。如果这些工具和参考线妨碍您对图表布局进行精细调整,您可以禁用它们或使用快捷键绕过它们。

对齐网格

编辑器网格默认情况下可能显示,也可能不显示,这取决于您使用的编辑器主题。

您可以更改编辑器网格的大小和颜色,并通过格式面板的“图表”选项卡启用或禁用它(请确保图表中没有任何内容被选中)。

启用 网格后,当您将形状和连接器移动到绘图画布上的网格线附近时,它们将自动吸附到网格线上。

对齐到页面中心:如果您将形状移动到图表页面的中心附近(垂直或水平),则该形状将对齐到中心橙色参考线,而不是编辑器网格。

暂时禁用捕捉:按住Alt并移动形状或连接器,即可在没有任何捕捉或参考线的情况下定位它。

完全禁用网格对齐:在格式面板的“图表”选项卡中取消选中“网格”复选框。

按网格增量移动:将形状与网格对齐后,您可以使用键盘快捷键轻松地按网格增量移动它。选择已与网格对齐的形状,然后按快捷键Shift+Arrow key即可沿该方向移动它。

对齐指南

当您在绘图画布上移动形状并靠近其他形状时,会出现蓝色的水平线和垂直线。您可以使用这些线按以下方式对齐形状:

  • 垂直和/或水平居中

  • 左边缘或右边缘

  • 顶部或底部边缘。

如果启用了页面视图,当您将形状移动到页面中心附近时,将显示橙色参考线,并且形状将吸附到这些橙色参考线而不是网格上。

禁用或启用所有参考线:在图表中未选中任何内容的情况下,在格式面板的“图表”选项卡中禁用或启用“参考线”复选框。或者,从 draw.io 菜单中 选择“视图”>“参考线” 。

对齐多个选定形状

  1. 选择所有要对齐的形状。

  2. 点击格式面板中的“排列”选项卡。

  3. 要使选定的形状彼此均匀分布,请“分布”部分选择“水平”“垂直”

  4. 使用“对齐”部分中的工具,将这些形状与左侧或右侧边缘、顶部或底部边缘对齐,或者与它们的中心垂直或水平对齐。

提示: draw.io为各种图表类型提供了多种自动布局和对齐工具-从菜单中选择“排列”>“布局” 。

将连接器卡入到各种形状

将浮动连接器附加到形状或围绕形状移动时,默认情况下连接器会沿着形状周界滑动。如果您希望将连接器捕捉到连接点以便更轻松地控制附件的对齐方式,请启用“捕捉到点”连接器属性

对齐文本标签

您可以选择多种方式来对齐形状的文本标签,从居中到围绕形状边缘的各种位置。要对文本对齐方式进行更精细的调整,请在格式面板的“文本”选项卡中更改“间距”值。

拉直连接器

使用一致的连接器路径样式可以更轻松地在图表中对齐它们。您还可以通过更改路径样式来拉直选定的连接器,或者拖动一个部分与另一个部分对齐以移除连接器路径点。