Draw.io 使用详细教程

Draw.io 是一款功能强大的在线绘图工具，适用于创建流程图、网络图、组织结构图、UML 图等。以下是详细的使用教程，包括基本操作、快捷键、常用技巧和进阶技巧。

1. 创建新图

选择存储位置

首次使用时，系统会询问你要将图保存到哪里。你可以选择本地存储或云存储（如 Google Drive、OneDrive 等）。

步骤：

1. 打开 Draw.io 。
2. 系统会弹出一个对话框，询问存储位置。
3. 选择存储位置，例如 Google Drive、Dropbox 或本地文件等。
4. 点击“继续”（Continue）以确认选择。

创建新图

步骤：

1. 选择存储位置后，点击“创建新图表”（Create New Diagram）。
2. 在弹出的对话框中，选择“空白图表”（Blank Diagram）或预设模板。
3. 输入文件名称。
4. 点击“创建”（Create）。

2. 选择模板

Draw.io 提供了多种模板供选择。如果没有特定的需求，可以选择“空白图表”（Blank Diagram）开始。

步骤：

1. 在“创建新图表”对话框中，浏览左侧的模板分类。
2. 从左侧的模板列表中选择合适的模板（例如流程图、网络图、UML 图等）。
3. 选择模板后，点击“创建”（Create）。

3. 添加和编辑元素

添加图形元素

左侧的工具栏包含各种图形元素，如矩形、圆形、箭头等。你可以将这些元素拖动到画布上。

步骤：

1. 从左侧工具栏中选择一个图形（如矩形）。
2. 点击并拖动图形到画布上。
3. 释放鼠标，将图形放置在画布上。
4. 调整图形的大小和位置。

编辑图形元素

双击元素可以编辑文本内容，并使用右键菜单或工具栏上的按钮调整元素的大小、颜色、边框等属性。

步骤：

1. 双击图形，进入文本编辑模式。
2. 输入文本内容。
3. 使用右侧的格式面板调整字体、颜色和边框。
4. 右键点击图形，选择更多编辑选项（如复制、粘贴、删除等）。

4. 添加连线

添加连线

你可以选择一个元素，然后点击其边缘的箭头，将箭头拖动到另一个元素上来添加连线。

步骤：

1. 选择一个图形。
2. 点击并拖动图形边缘的箭头。
3. 将箭头拖动到目标图形上。
4. 释放鼠标以创建连线。

调整连线

点击连线后，可以调整其曲线、添加箭头等。

步骤：

1. 点击连线以显示调整点。
2. 拖动调整点改变连线的形状。
3. 在右侧面板中调整线条样式和箭头样式。

5. 保存和导出

保存文件

你可以通过点击左上角的“文件”（File）菜单，然后选择“保存”（Save）或“另存为”（Save As）来保存文件。文件可以保存为 Draw.io 的格式或导出为多种格式，如 PNG、JPEG、PDF、SVG 等。

步骤：

1. 点击“文件”（File）菜单。
2. 选择“保存”（Save）或“另存为”（Save As）。
3. 选择保存位置和文件格式。
4. 点击“保存”（Save）。

导出文件

你可以点击“文件”菜单中的“导出”（Export），然后选择需要的格式来导出文件。

步骤：

1. 点击“文件”（File）菜单。
2. 选择“导出”（Export）。
3. 选择导出格式（如 PNG、JPEG、PDF、SVG 等）。
4. 设置导出选项（如分辨率、页面大小等）。
5. 点击“导出”（Export）。

6. 使用图层

Draw.io 支持图层管理，这对于处理复杂图表非常有用。

添加图层

在右侧面板中找到图层选项，点击“+”号添加新图层。

步骤：

1. 打开右侧面板中的图层选项。
2. 点击“+”号添加新图层。
3. 为图层命名。

管理图层

你可以锁定、隐藏或删除图层，以便更好地管理图表的不同部分。

步骤：

1. 在右侧面板中选择图层。
2. 使用图层管理工具（如锁定、隐藏、删除）。
3. 拖动图形到不同的图层。

7. 共享和协作

共享链接

你可以生成共享链接，让他人查看或编辑你的图表。

步骤：

1. 点击“文件”（File）菜单。
2. 选择“共享”（Share）。
3. 生成共享链接并设置权限（如只读或可编辑）。
4. 复制链接并发送给他人。

协作编辑

多人可以同时编辑同一个图表，类似于 Google Docs 的协作功能。

步骤：

1. 通过共享链接邀请他人协作。
2. 多人可以实时编辑同一个图表。
3. 通过聊天或评论功能进行沟通。

快捷键

• Ctrl + C：复制
• Ctrl + V：粘贴
• Ctrl + Z：撤销
• Ctrl + Y：重做
• Ctrl + D：复制所选元素
• Delete：删除所选元素
• Ctrl + G：将所选元素组合
• Ctrl + U：解除组合
• Arrow Keys：移动所选元素
• Shift + Arrow Keys：微调移动所选元素

常用技巧

对齐和分布

使用对齐工具将元素对齐。你可以选择多个元素，右键点击并选择“对齐”选项。

步骤：

1. 选择多个元素。
2. 右键点击，选择“对齐”（Align）。
3. 选择对齐方式（如左对齐、右对齐、顶部对齐等）。

栅格和指南

启用栅格和指南来对齐元素，确保更加精确。可以在“视图”（View）菜单中找到这些选项。

步骤：

1. 打开“视图”（View）菜单。
2. 启用“栅格”（Grid）和“指南”（Guides）。
3. 拖动元素时，元素会自动对齐到栅格和指南。

样式和主题

使用内置样式和主题来快速美化图表。你可以在“格式”（Format）面板中调整颜色、线条、阴影等样式。

步骤：

1. 选择图形。
2. 打开“格式”（Format）面板。
3. 调整颜色、线条、阴影等样式。

进阶技巧

自定义形状

Draw.io 支持导入自定义形状。你可以从“更多形状”（More Shapes）面板中添加所需的形状。

步骤：

1. 打开“更多形状”（More Shapes）面板。
2. 浏览并选择需要的自定义形状库。
3. 点击“应用”（Apply）将其添加到工具栏。

嵌入图表

你可以将图表嵌入到网页或文档中，使用内嵌代码分享图表。

步骤：

1. 点击“文件”（File）菜单。
2. 选择“嵌入”（Embed）。
3. 复制生成的内嵌代码。
4. 将代码粘贴到网页或文档中。

版本控制

使用云存储服务可以进行版本控制，方便追踪和恢复到之前的版本。

步骤：

1. 将图表保存到云存储（如 Google Drive）。
2. 每次保存会生成一个新版本。
3. 可以在云存储服务中查看版本历史并恢复到之前的版本。