快捷搜索:  汽车  科技

ioDraw图表制作(学用系列Draw.io变身Diagrams)

ioDraw图表制作(学用系列Draw.io变身Diagrams)根据您在图表中选择的内容,某些菜单项将无法选择。例如,如果您尚未选择形状,则无法编辑形状的样式。提示:将鼠标悬停在diagrams.net编辑器中的任何按钮,工具或选项上,以查看提示其用途的工具提示。当然,利用diagrams我们还可以绘制家谱、装修平面图、项目管理图。像大多数绘图应用程序一样,您在diagrams.net中的工具栏和绘图画布周围的面板中看到的项目都是上下文相关的。根据您在绘图画布上选择的元素类型,将显示工具和选项。如果您以前使用过图表工具,则将熟悉图表编辑器的布局。

diagrams.net(以前为draw.io)是免费的在线图表软件。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(1)

我们可以将其用作流程图生成器,网络图软件,在线创建UML,作为ER图工具,设计数据库架构,在线构建BPMN,作为电路图生成器等。draw.io可以导入.vsdx,Gliffy™和Lucidchart™文件。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(2)

diagrams.net是一个安全,免费和开源的绘图应用程序,您可以在线,离线(桌面)使用。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(3)

diagrams.net允许您创建各种图表:流程图,思维导图,组织结构图,维恩图,信息图,网络和体系结构图,平面图,电气和机架图,UML图等。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(4)

当然,利用diagrams我们还可以绘制家谱、装修平面图、项目管理图。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(5)

diagrams.net编辑器上手

像大多数绘图应用程序一样,您在diagrams.net中的工具栏和绘图画布周围的面板中看到的项目都是上下文相关的。根据您在绘图画布上选择的元素类型,将显示工具和选项。

如果您以前使用过图表工具,则将熟悉图表编辑器的布局。

提示:将鼠标悬停在diagrams.net编辑器中的任何按钮,工具或选项上,以查看提示其用途的工具提示。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(6)

菜单

根据您在图表中选择的内容,某些菜单项将无法选择。例如,如果您尚未选择形状,则无法编辑形状的样式。

  • 文件-使用图表文件(新建,打开,导入/导出和打印),以及打开或自定义创建形状库。
  • 编辑-选择并编辑图表中的形状和连接器及其样式。
  • 查看-在diagrams.net编辑器中隐藏或显示各种面板和辅助工具,包括便笺本,图层,标尺等。
  • 排列-分组和组织形状和连接器,插入模板和图像,使用自动布局功能。
  • 附加功能-启用不同的编辑器主题,使用数学排版,启用/禁用开始屏幕和自动保存,以及使用标签或添加自定义配置。
  • 帮助-查看键盘快捷键,查看支持信息或下载diagrams.net的桌面版本。
工具列

工具栏中的某些工具需要在图表中选择正确的元素。例如,如果您尚未选择形状,连接器或文本,则“删除”工具将为浅灰色,并且不会启用。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(7)

按从左到右的顺序:

  • 视图 (三个面板) -隐藏或显示格式面板或图层和轮廓对话框。
  • 缩放 (数字百分比) -使图表在编辑器中放大或缩小。这不会影响图表的导出或打印大小。
  • 放大/缩小 (放大镜) -放大或缩小图表。
  • 撤消/重做 (弯曲的箭头) -撤消或重做您的更改。
  • 删除 (废纸- -删除选定的形状。
  • 向前/向后 (分层形状) -将选定的形状移动到图表的前面或后面,将它们排列在未选择的形状之上或之下。
  • 填充颜​色 (油漆罐) -更改选定形状的填充颜色。
  • 线颜色 (笔和线) -更改选定形状的轮廓或连接器的颜色。
  • 阴影 (带有阴影的框) -在选定的形状上启用或禁用阴影。
  • 连接 (箭头) -从下拉列表中选择一种连接器样式,并将其应用于选定的连接器。
  • 航路点 (带有两个连接点的线) -选择路由样式以更改所选连接器在工程画布上的弯曲方式。
  • 插入 (加号) -插入通用形状,手绘图,图像,模板,布局等。
  • 表格 (网格) -单击然后拖动或单击表格中的一点,以插入具有所选行和列的表格形状。

工具栏的右端是三个视图选项:

  • 全屏 (方框和角) -关闭左右面板,使绘图画布达到Diagrams.net窗口的完整大小。
  • 格式面板 (两个面板) -显示或隐藏右侧的格式面板。
  • 折叠/展开 (向上箭头) -显示或隐藏文件名和diagrams.net应用程序图标。
形状和形状库

形状按逻辑组排列,称为形状库。并非一次显示所有形状库,因为它们太多了。

提示:单击名称,在左侧面板中展开或折叠每个形状库。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(8)

启用/禁用形状库

为了使创建图更容易,请仅启用要处理的特定图所需的形状库。

  1. 单击左侧面板底部的“其他形状”。
  2. 滚动浏览各种形状库-将这些形状库分类为不同类型图的有用类别。单击形状库名称旁边的复选框以启用或禁用它。
  3. 点击“应用”

了解如何向绘图画布添加形状

便笺

该暂存器是你的个人图形库,您可以添加形状的形状或组使用最频繁。

  1. 将一个或多个选定的形状从绘图画布上拖动到便笺本上。
  2. 单击已保存到暂存器中的一个或一组形状,以将另一个副本添加到绘图画布,就像从形状库中提取形状一样。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(9)

搜索形状

有太多形状组织到如此众多的库中,以至于很难找到它们。在形状搜索字段中输入形状名称,您将获得许多匹配项。如果您在线,也可以找到匹配的剪贴画形状。

提示:如果找不到所需的形状,请尝试搜索相关的单词。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(10)

绘图画布

通过在编辑器中间的绘图画布上放置,连接和设置形状来绘制图表。绘图画布默认情况下会显示一个网格,以帮助您整齐地对齐和间隔形状。

  • 用滚动条平移绘图画布,或在绘图画布上的空白区域中单击鼠标右键/中键单击并拖动以在画布上四处移动。使用鼠标滚轮垂直移动画布。
  • 放大和缩小使用工具栏上的放大/缩小工具,或按住CtrlWindows上,或Cmd在MacOS和使用滚轮来放大和缩小绘图画布。这不会更改图表的大小。

提示:通过“查看”菜单启用标尺。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(11)

在触摸屏和轮廓面板中移动绘图画布

样式标签

选择一个或多个形状后,可以在右侧的格式面板的“样式”选项卡中更改形状的填充和轮廓颜色,编辑样式,复制和粘贴样式。您可以更改选定连接器的绘制方式-弯曲,笔直或具有直角,如果是虚线或实心,则可以使用跳线以及在连接器两端使用哪些箭头,等等。

选择形状(上)和选择连接器(下)时,比较下面的不同样式选项。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(12)

连接器效果图。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(13)

文字标签

使用右侧“格式”面板的“文本”选项卡更改标签的字体,大小和样式。您还可以更改文本的垂直和水平对齐方式,书写方向,字体和背景颜色以及不透明度,并在文本周围添加间距。

默认情况下启用自动换行和带格式的文本。这样,您就可以像在HTML中一样为标签文本中的字符和单词设置样式,HTML也支持超链接。

提示:双击文本可编辑文本并选择标签的一部分。然后,由于未编辑形状,因此仅显示(右侧)“文本”选项卡。

选择形状(上)和选择连接器(下)时,比较下面的不同样式选项。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(14)

连接器效果图。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(15)

排列标签

更改形状和连接器的位置,将它们发送到其他形状的前面或后面,更改它们的大小,或通过“格式”面板上的“排列”选项卡旋转它们。

单击“编辑数据”以手动编辑所选形状的元数据,或单击“编辑链接”以添加超链接。

注意:选择连接器(下)时,“排列”选项卡显示的选项少于选择形状(上)时的选项。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(16)

连接器状态。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(17)

全局图选项

如果未选择任何内容,则将看到适用于整个图和工程图画布的选项。

  • 在“图表”选项卡中更改打印和绘图画布选项。
  • 在“样式”选项卡中将新的全局样式应用于形状,文本和连接器。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(18)

样式选择效果。

ioDraw图表制作(学用系列Draw.io变身Diagrams)(19)

猜您喜欢: