draw.io快速入门(下)

发布时间 2023-08-29 14:31:06作者: 磁石空杯

6 图像和图层

本章的学习内容

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

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

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

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

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

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

打开新图表并启用图层

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

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

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

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

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

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

插入图像作为模板

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

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

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

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

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

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