当前位置:首页 > draw.io文章

切换工具——Gliffy 和 draw.io 的区别

drawio3年前 (2023-05-24)draw.io文章10

如今,企业频繁更换工具和应用程序已成为一种普遍现象。这意味着用户需要快速迁移并适应新工具。不熟悉的工作流程和编辑器中的工具位置可能会令人感到沮丧。在本文中,我们将解释一些主要区别,以帮助您更轻松地从 Gliffy 切换到 draw.io。

图表编辑器之间的差异

draw.io 和 Gliffy 在可用工具方面有一些显著差异,绘制图表的工作流程也不同。

添加、保存和发布图表

向 Confluence 页面添加新图表并没有什么变化——只需输入 ` /drawiodraw.io Diagram` 而/gliffy不是 `draw.io Board`,然后选择 draw.io Diagram 宏来打开完整的编辑器,或者选择 draw.io Board 宏来打开类似白板的简单编辑器。

draw.io Diagram 宏会立即要求您输入图表的文件名,而 draw.io Board 宏和 Gliffy 则会在您首次从编辑器中保存或发布图表时要求您输入文件名。

在 draw.io 中,点击右上角的“发布”按钮保存图表并返回 Confluence 页面。在 Gliffy 中,先保存图表,然后点击“返回 Confluence”按钮返回 Confluence 页面。

模板图

在 Gliffy 中,只有在添加新图表时才能选择模板图表。而在 draw.io 中,您可以随时通过“排列”>“插入”>“模板”将模板添加到绘图画布,或者通过 draw.io 画板宏中的模板工具添加模板。

实时协作

其他 Confluence 用户看不到你的页面草稿,所以你需要将图表保存到页面中,并发布一次,你的团队成员才能访问它。

在 draw.io 中,所有图表始终启用实时协作功能——任何在 draw.io 编辑器中打开图表的人都能看到其他编辑者的鼠标光标和所做的更改。所有团队成员的更改都会实时合并和同步。

在 Gliffy 中,您必须点击“协作”按钮才能发起和/或加入协作会话。如果多人尝试在协作会话之外编辑同一张图表,他们将无法看到彼此的编辑内容,并且他们的更改可能会被忽略或覆盖。

形状库

draw.io 中的搜索功能可以搜索所有形状库,而不仅仅是您已打开的形状库,还可以搜索多个剪贴画和符号图标集。

draw.io 的形状库也更加丰富。例如,Gliffy 目前还不支持 AWS 最近定义的形状,你需要手动使用 AWS 图标和简单的矩形来构建和设置区域样式。

在 draw.io 中, AWS19 形状库中的AWS / Groups类别包含一系列已设置样式、标签和分组的区域形状。这些形状用作容器——放置在其中的任何形状都会随着区域在画布上的移动而移动。

提示:在 draw.ioe 编辑器中,绘图画布周围的面板是可以调整大小的,这样您就可以在大型形状库(例如云架构的形状库)中看到更多形状。

与形状互动

在 draw.io 中,除了复制和粘贴绘图画布上已有的形状之外,你还可以通过多种方式添加形状。

  • 点击任意形状即可将其添加到绘图画布中。

  • 从左侧的库中拖动一个形状

  • 在绘图画布上单击鼠标右键,从快速选择器中选择形状。

  • 点击现有形状上的任意方向箭头,即可克隆该形状,或添加相同样式的新形状并自动连接它们。

这与 Gliffy 的感觉截然不同,在 Gliffy 中,你需要从形状库中拖动形状,或者激活工具栏中的某种形状模式在画布上绘制形状,然后手动设置样式。

形状标签:在这两种应用中,选择形状并开始输入即可添加或覆盖标签。但是,在 draw.io 中,双击即可选中标签中的文本——现在您可以编辑和格式化标签内的文本。

调整重叠形状的顺序:在两个编辑器中,您都可以通过工具栏或右键单击上下文菜单将形状移动到图表的前面或后面。不过,在 draw.io 中,您还可以逐步向前或向后移动形状。

连接器

在 draw.io 中,您无需更改绘图模式。将鼠标悬停在任何形状上,然后拖动连接线即可将它们连接起来。

  • 在 draw.io 中,浮动连接线会围绕形状移动,以找到最佳路径。从蓝色方向箭头处拖动一个新的连接线,并将其放置在目标形状的轮廓为蓝色时。

  • 在 draw.io 中,要使连接线固定在形状的特定位置,可以从绿色小十字(固定连接点)拖动连接线,然后将其放到另一个绿色十字上。或者,按住Alt鼠标左键并将连接线放回目标形状上,即可使其固定在形状周界内的任意位置。

了解浮动连接器和固定连接器的区别

在 Gliffy 中,连接器始终固定在形状上的一个点上。

在工具栏中激活“直线”“连接线”工具,然后将固定连接线从源形状拖放到目标形状。 您也可以在使用“指针”

工具时,将鼠标悬停在形状上,然后从出现的四个方向箭头处拖放固定连接线

在 draw.io 中自定义形状的连接点:右键单击形状,然后选择“编辑连接点”来自定义其固定连接点

更改连接器的路径

  • 在 draw.io 中,您可以拖动现有连接线来沿着任意路径移动——编辑器会自动添加新的路径点来调整连接线的形状。为了确保图表清晰易读,您可以在“样式”选项卡中使用“线段端点”“线段起点”选项,在连接线的起点或终点之间添加间距

  • Gliffy 连接器始终在其连接点之间采用尽可能少的路径点的直接路径,即使它们会重叠形状或遮挡文本。

连接器标签

选择一个连接线,然后在连接线两端开始输入文字即可添加标签。在 draw.io 中,一个连接线上可以有三个不同的标签——一个位于中间,两个位于两端。

  • 在 Gliffy 中,拖动连接器标签即可重新定位 - 它会紧紧地贴合在连接器的路径上。

  • 在 draw.io 中,拖动菱形手柄即可重新定位标签。标签可以放置在距离连接点较远的位置。请注意,在 draw.io 中更改连接点的路径时,标签的位置也会随之移动。

设置形状、连接线和文本的样式

在这两个图表编辑器中,为形状文本连接线添加样式的方式截然不同。

  • 在 draw.io 中,右侧的格式面板在“样式”选项卡中提供了丰富的形状和连接线样式选项,在“文本”选项卡中提供了标签和文本样式选项。您可以通过“样式”选项卡底部的可展开的“属性”部分访问更多形状属性

  • 在 Gliffy 中,您可以通过选中形状旁边的上下文选择器更改形状和文本样式。许多形状无法设置样式。

两个编辑器都可以设置标签内文本的样式。在 draw.io 中,您可能需要先在格式面板的“文本”选项卡中启用“格式化文本”复选框。在 draw.io 中,您还可以通过设置边距来精确定位标签,并使用上标、下标和删除线格式。

使用图层

在 draw.io 中,通过菜单中的“视图”>“图层”打开图层对话框。在此列表中,当您将一个图层拖动到另一个图层上方时,该图层上的形状将高于下方图层上的形状。要将选定的形状移动到新图层,请打开图层对话框菜单(三条水平线),单击“将所选内容移动到”,然后选择目标图层。

在 Gliffy 中,通过工具栏中的“图层”打开图层面板。您无法更改此列表中图层的顺序。要将形状在图层之间移动,请右键单击每个形状,然后选择上下文菜单。

在这两个图表编辑器中,您都可以绘制位于不同图层上的形状之间的连接线。

导出图表

draw.io 可以导出为多种图像和文档格式,包括 JPG、PNG、SVG、PDF、VSDX、HTML、XML,甚至可以将图表编码为长 URL。

此外,图表数据可以嵌入到导出的 SVG、PNG 和 PDF 文件中,这样,当您将这些文件拖到 draw.io 画布上时,导入的将是图表,而不是静态图像。

Gliffy 可以导出为静态图像(PNG、JPG、SVG)和 Gliffy 图表格式。

从其他格式导入图表

使用 draw.io,您可以拖放各种格式的图表文件进行转换和导入,包括 Gliffy、Lucidchart、.vsdx / .vdx 图表,以及其他以 SVG、PNG 和 PDF 文件格式保存并嵌入图表数据,或以 .drawio 或 .xml 格式保存的 draw.io 图表。

draw.io 还可以批量导入并转换Confluence 实例中的所有Gliffy 图表,方便 Confluence 管理员进行迁移。它不会更改附加到 Confluence 页面的 Gliffy 图表,因此不会丢失任何数据。

在 Confluence 页面中添加新图表时,Gliffy 可以导入图表文件(Gliffy 和 VSDX 格式)。draw.io 图表导入器目前处于 alpha 测试阶段。添加新的 Gliffy 宏时,选择“导入图表” ,点击“选择文件”,选择您的图表文件,然后点击“上传”即可导入。

图表宏选项

在 Gliffy 和 draw.io 中,用于设置图表宏在 Confluence 页面上的显示方式的参数位置不同。

编辑 draw.io 图表,在未选中任何内容的情况下,更改右侧格式面板 “图表”选项卡中的设置。您还可以选择要在 Confluence 页面中显示的页面和图层。

提示:如果您使用的是 draw.io Board 宏,请通过左上角的菜单打开格式面板。

或者,在查看已发布的 Confluence 页面时更改图表和看板宏选项 - 将鼠标悬停在图表上,然后单击“查看器设置”,更改设置,然后单击“保存”

当您的 draw.io 图表在页面上较小时, 请使用高分辨率预览选项以清晰地显示它,如下所示。

在 Gliffy 中,您只能在编辑器内更改图表显示选项。选择“属性”>“编辑属性”即可更改图表在 Confluence 页面中的显示方式。

draw.io 中提供的高级工具

虽然用户在绘制大多数图表时可能不需要这些功能,但了解编辑器的功能对他们来说是个好主意。

多页图表:一个 draw.io 图表文件可以包含多个图表页面,您可以将图表页面链接到形状,以便用户在查看图表时可以交互式地逐步浏览。

从文本生成图表:有很多方法可以根据文本生成图表。

数学公式排版:您可以使用 LaTeX 和 AsciiMath 在文本标签中编写数学公式。

自定义形状库、模板、调色板等:管理员可以自定义 draw.io,使其默认使用企业风格,并将自定义形状库或自定义图表模板中的资源提供给所有人。

用户还可以创建自己的自定义形状库,其中包含他们最常用的形状和图表片段,并导出和与合作者共享,以便更快地绘制图表。

在 Confluence 中搜索图表:在 Confluence 中搜索 draw.io 图表,除了图表的文件名之外,还会搜索 draw.io 图表内的所有文本,包括标签甚至形状名称,以查找匹配项。