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

draw.io 中图层的工作原理

drawio4个月前 (01-20)draw.io教程6

艺术、照片和图表软件中的图层工作方式略有不同。在 draw.io 中,与那些更偏向艺术性的绘图工具不同,您可以选择不同图层上的图表对象,并将它们一起移动到绘图画布上——这些对象始终保持在各自的图层中。此外,在 draw.io 中,连接器“存在于”一个图层上,但可以连接到“存在于”不同图层上的目标形状和源形状。

本文解释了图层在.drawio文件格式中的工作原理。要了解如何在 draw.io 编辑器中使用图层,请参阅此图层教程

draw.io 图表的组织方式

图表中的每个对象——文本、形状和连接线——都“存在于”单个图层上。

连接器存在于同一图层上,但也可以连接到不同图层上的源形状目标形状。

例如,虽然右侧的流程图看起来是扁平的,但它实际上分为四层,如左侧所示。第三层的连接器在第二层有源,在第四层有目标。 打开此示例


文件内的图表.drawio以树状结构组织成多个单元格。图表本身是最顶层的单个单元格,图表中的图层构成下一层单元格,图层上的每个元素都是嵌套在其图层单元格内的一个单元格。

"cell":Root└── Layer 1
    ├── Rectangle (cell)
    ├── Connector (cell)
    └── Container/group (cell)
        ├── Circle (member of the container)
        └── Text (member of the container)└── Layer 2
    └── ...

容器形状的物体位于其容器内部。

当您有一个容器形状或一组形状时,它也是一个单元格——该组或容器中的每个子对象都包含在该单元格中,并且该单元格及其所有子元素都只存在于一个图层上。

因此,将容器形状或形状组内的元素分配到不同的图层,也会将该元素从容器/组中移除。

例如,将“镜像仓库”形状从“背景”层移动到“CaaS”容器形状,即可将其添加到“服务”层。然后,将“镜像仓库”形状重新分配到“管理层”,则会自动将其从“CaaS”容器形状中移除。 打开此示例


选择图层中的所有对象

  1. 在“图层”对话框中选择一个图层。

  2. 在“图层”对话框菜单中,选择“当前图层”>“选择图层中的对象”

这将选择图层单元格正下方的直接对象(单元格)。它不会选择该图层中任何容器形状或组内的对象。

在绘图画布上移动容器形状或组时,其中的所有内容都会作为一个整体一起移动。

因此,当您选择图层上的对象并将其移动到不同的图层(“图层”对话框菜单 > “将选择移动到”)时,任何父容器或组都会将其内部的对象一起移动到新图层。

图表深度——z轴顺序和图层

图表对象按照单元格在文件树状结构中的顺序,从前到后显示.drawio。这称为 Z 轴顺序,它决定了形状和连接线何时与其他图表对象重叠。

每个图层都有自己的 Z 轴顺序。当您选择图层内的一个形状,并通过“排列”选项卡或右键单击上下文菜单将其置于底层时,该形状将移动到其所在图层的底层。图层对话框中更下方的任何图层仍然位于该形状的下方。

前一个示例中流程图中的对象已重新定位,使其重叠。动画演示了重新排列图层时重叠形状的变化。 打开此示例


在图层列表中拖放图层,即可更改其对象在图表中的 Z 轴顺序。或者,选择图层,然后在“图层”对话框菜单中选择“当前图层” ,再将其在图层列表中向前或向后移动。

从多个图层复制形状?

您可以从图表的不同图层中选择多个对象,并在绘图画布上移动它们。这不会改变它们所在的图层。

但是,在 draw.io 图表中复制对象并不会复制它们的图层信息。当您将选定内容复制到剪贴板(Ctrl+C)并将其粘贴回绘图画布或另一个图表(Ctrl+V)时,所有复制的对象都会粘贴到同一个图层中。

导入图表文件以导入图层信息

当您将图表文件拖放.drawio到绘图画布上时,如果该图表有图层,则会创建这些图层并将其添加到“图层”对话框中,从而保留新形状的图层结构。

因此,当您想要保留所选形状和连接器的图层结构时,请将所选内容导出到 XML 文件,然后将该文件导入到目标图表中。

在技术图表中使用图层

一旦你掌握了draw.io 中图层的使用方法,你就可以对技术图表进行更多操作。