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

流程图、树状图和思维导图的自动布局形状

drawio6年前 (2020-09-22)draw.io教程8

draw.io高级形状库中的自动布局形状功能,会在您添加和连接更多形状时,自动整理您的流程图、树状图、组织结构图和思维导图。自动布局功能确保图表中的所有形状均匀分布,无论是水平方向还是垂直方向,并且会自动调整容器形状的大小以适应内容。

高级形状库:如果您看不到此库,请单击左侧面板底部的“更多形状” ,选择“常规”形状库,然后单击“应用”

自动流程布局

您可以使用键盘快捷键快速向自动布局形状添加形状。以水平流布局形状为例:

  1. 将形状拖放到流程布局容器中,然后在绘图画布上选择容器内的形状。

  2. 按住Alt并点击左侧任意形状库中的形状,即可将其添加到当前选定的形状并将其连接起来。此操作会将选择范围扩展到最近添加的形状,方便您轻松添加和连接其他形状。

  3. 将鼠标悬停在源形状上时,会出现一个蓝色箭头,点击并拖动该箭头指向目标形状,即可将一个形状与其他形状之间的连接线添加到目标形状上。

自动树状布局

您还可以通过点击鼠标悬停时出现的方向箭头,在布局容器形状内克隆和连接形状。

  1. 将鼠标悬停在绘图画布上树状图或组织结构图布局形状内未选中的形状上。

  2. 点击方向箭头即可克隆形状。

    • 单击形状的左箭头或右箭头,将在该级别添加另一个子形状,并自动将其连接到父形状。

    • 点击向下箭头,在下方添加子形状。

注意:点击方向箭头克隆形状时,文本和格式都会被复制。双击任意形状并开始输入文字即可更改其标签文本,使用右侧格式面板中的“样式”选项卡重新设置其样式。

自动思维导图布局

思维导图略有不同,它有特定的形状来表示子主题和分支。

  1. 从高级形状库中拖动子主题分支形状

  2. 将鼠标悬停在父形状上,然后将其拖放到其中一个方向箭头上。

  3. 如果要在思维导图的该级别添加额外的子主题或分支,请将鼠标悬停在同级形状上,然后单击方向箭头以克隆它。