6 图像和图层

本章的学习内容

• 在draw.io中创建、重命名和重新排列图层
• 插入图片作为模板，并在顶层重建图表
• 查看、隐藏和锁定特定图层
• 删除图层

使用图层构建图表可以让你的工作更加灵活--你可以在图表的不同视图之间切换，将相关元素分组，并保护它们在不同图层中工作时不会被修改。

你可以同时显示所有图层，也可以单独关闭它们--它们仍然在你的图表中，只是被隐藏了起来。在本练习中，你将根据粘贴到背景图层的图像 "模板 "在顶层创建一个图表。

教程
下载本教程所需的所有图片

使用以下图片帮助你创建分层图表。右键单击每张图片，将其保存到电脑中。

工程流程图 - 模板图像织物带WD-40

打开新图表并启用图层

在 "图表 "编辑器中，点击菜单栏中的 "视图 "并选择 "图层"，打开 "图层 "对话框。

在电路板编辑器中，点击菜单栏中的汉堡并选择图层，打开图层对话框。汉堡图标如图所示，橙色圆圈突出显示。

使用图层面板对话框中的加号图标添加另一个图层。

图层按层级排列。如果图层位于列表顶部，它也会重叠在所有其他图层之上。
要显示或隐藏图层，请单击图层名称旁边的眼睛图标。

双击图层名称（在图层对话框中）可重新命名图层。

重新命名顶层图层 2 - 图表
重命名底层 第 1 层 - 模板

插入图像作为模板

在 "图层 "对话框中选择 "图层 1 - 模板"，这样图像就会添加到正确的图层中（图层会突出显示为蓝色）。
将下载的工程流程图图像拖放到绘图画布上。图像会自动添加到模板层。或者也可以使用工具栏上的加号图标，然后选择图像。现在选择图像时，图层面板上的黑点会告诉你是否将其添加到了正确的图层上。
选择图像，然后按照格式面板 > 样式选项卡 > 不透明度将不透明度降低到 30%。这样就能更容易地区分模板图层和最终要创建的图表。
完成后，点击第 1 层--模板图层的锁定符号将其锁定。锁定图层后，您将无法对其进行更改。再次点击即可解锁。
创建图表

单击第 2 层 - 图表图层激活它。
使用形状、文本和连接器创建图表。
插入之前下载的另外两张图片（WD-40 和织物胶带），调整它们的大小和位置。
禁用第 1 层 - 模板图层的显示。您也可以选择该图层，然后点击图层对话框中的垃圾桶符号。
保存图表。
当所有图层都显示在图表中时，图表应该如下所示：

带图层的工程流程图
何时使用图层

如果要创建交互式图表，图层是必不可少的功能。例如，通过图层，您可以建立一个按钮导航，并通过鼠标点击来显示/隐藏图形。

信息图表最好在图层中创建--这样你就可以在特定部分工作，而不会冒着移动或更改图表其他部分的风险。了解更多有关在 draw.io 中创建信息图表的信息。

请务必查看我们有关图层的 Youtube 播放列表，了解有关图层和图层对话面板的所有信息。你将成为一名 draw.io 制图专家！接下来，让我们用链接和工具提示让图表互动起来。