应用简介
drawio绘图工具安装包又称为draw.net,drawio流程图软件上手简单,画程序流程图的软件论功能程度,没几个比它强,最主要,它是免费使用的,比国内的不少软件良心多了,绘制流程图其实也不难,小编给大家带来了drawio使用教程,大家注意耐心查看内容;并且,drawio软件是支持中文的,如果进去不是中文,可以在设置里面修改!
drawio绘图工具软件内置了多种的导图模式可供选择,可以轻松的进行各种各样的流程图绘制操作,支持导入自己的图标库、自动布局、数学符号、导出多种格式等功能;对于经常需要制作流程图的办公人士来说,支持各种类型的流程图绘制,并且软件开源跨平台,任何用户都能免费使用,简单的中文界面,没有复杂的操作,就能快速编辑制作你所需要的流程图。相较于之前的版本来说,目前是最近所更新的系列,基本所有的核心都在该版本中,以及所有的功能变化,允许用户能够快速、自由的创建简单的图标、流程图、网页模版构架图、框架图等。
传统的画图工具要安装、使用复杂、新手也不容易画出好看的图。有些网站呢,又要各种注册什么的,很麻烦。有这么一个网站,打开就能用,不用注册。而且内置了操作的元素组件,还有各种漂亮的配色主题,能让新手也能快速画出专业好看的图,是不是很赞?Draw.io是英格兰一家公司开发的,该公司信条:为每个人提供免费、高质量的绘图软件。 这款工具无须注册登录,安全、开源、使用广泛、功能强大。不仅支持在线版,还可以安装到Windows、Mac进行离线使用 可绘制图表有:流程图、思维导图、组织结构图、文氏图、信息图、楼宇平面图、网络图、架构图、电气工程图、UML图等。其实,除了写代码,画图也是每个程序员必备的技能之一,我们经常接触有流程图、架构图等等。想一想,要是在工作汇报的PPT上整几张镇住场子的图,是不是倍儿有面子?
1、容易切换
使用Gliffy或Visio创建的所有图都可以快速轻松地导入到中,并像原始的图一样进行编辑。只需将文件拖放到绘图区域上,或使用Gliffy批量导入功能并根据需要进行编辑。UML图在团队中编程时,可以帮助您降低文档编制过程的复杂性。UML组件(例如用例,通信,序列,交互,类,对象和包装图)可在广泛的形状库中获得。
2、流程图
使用的拖放界面或自动布局功能轻松创建流程图。流程图可以帮助您可视化工作流程,而不受BPMN表示法的限制。
3、组织结构图
组合图表以显示公司的员工结构从未如此简单。使用组织结构图显示您部门内或整个公司内的人员。
4、网络图
摆脱网络管理的烦恼,并使用快速,轻松地使用其所有设备可视化整个网络。通用图元素和特定图元素均可用来帮助您显示IT基础架构,而无需担心!
5、Confluence和Jira中的图
借助众多提供数百种视觉元素的形状库,draw.io涵盖了您可以想到的用于在Confluence和Jira中创建图表的每个用例。无论您是新手还是经验丰富的用户,我们都会为您提供强大的功能。
6、无缝集成
将上下文图嵌入到需要的每个Confluence页面中。为了提供最佳结果,内置的搜索功能不仅索引图表的文件名,或者索引包含图表的页面的标题和内容,还索引所有图表中的文本,从而使查找变得容易找到您要寻找的东西。
页面中对图表所做的更改将记录在Confluence版本历史记录中(ISO9001的必备条件)。快速轻松地查看通过Confluence的页面历史记录进行的所有更改。
7、强大且易于使用
创建流程图,流程图,组织结构图,UML,ER图,网络图等。使用自动布局功能的强大功能,创建自己的自定义形状库或使用我们提供的大量形状库,其中包含数百种视觉元素。使用元数据将更多有用的信息打包到图中。
点击Language选择简体中文,再关闭软件后重新打开就是中文界面了;
draw.io 操作比较简单,易上手,可通过【帮助】菜单——【快速入门视频】来入门学习。
它的视频是放在油管上面,所以需要科学上网。
首先打开软件,选择要创建的图表类型
1.1 绘图区
进入应用后,界面非常直观简洁。
**顶部菜单栏:**提供各项基本操作,
**左侧部分:**图形区,
**中间部分:**画布,
**右侧部分:**检查器,根据当前的元素显示不同的操作。
1.2 快速开始
整个界面的操作非常直观,如果有相关绘图软件的使用经验,相信已经可以上手绘图了。
添加图形
通过简单的拖拽,即可在画布上面添加图形。
添加文本
在画布上任何位置双击都可以添加文本框,在其中输入文字
添加链接
在图形上鼠标悬浮,在图形上会浮现基本的链接点。这里分为外边界蓝色的大箭头和边上的x型焦点。这两种链接方式稍有不同。
2. Draw.io 的基本操作
2.1 移动、多选、复制与删除
图形、链接、文本这三个元素都可以被选中。可以使用ctrl(Mac下为cmd,下同) + A 选择全部元素,也可以使用ctrl + click(鼠标左键点击)来进行特定元素的多选。选择元素后可以进行以下操作:
移动:拖拽,
复制: ctrl + C,
复制并粘贴: ctrl + D,
删除:delete键。
2.2 创建链接
上面提到过在图形上面悬浮鼠标会出现图形的链接点。
使用蓝色箭头进行快速链接
点击蓝色箭头,会在指定方向创建链接,并在链接末端生成一个完全一致的元素
如果需要控制链接位置,可以按住ctrl键,拖拽蓝色箭头到指定位置。
链接图形
在悬浮图形后选择x型焦点(会高亮为绿色)可以创建链接,拖拽链接线到目标图形上的x型焦点,完成固定链接
在悬浮图形后选择x型焦点(会高亮为绿色)可以创建链接,拖拽链接线到目标图形的边上,直到图形外边变成蓝色,松开鼠标,完成浮动链接
注意:固定链接是指链接始终固定在图形的链接点上,不会随着图形移动而变化,浮动链接则会根据图形的移动在图形的边上进行移动自适应。如下图,固定链接始终固定在中间,而浮动链接则从上边移动到了下边
2.3 图形替换与旋转
通过快速创建链接的方式可以快速的创建图形并进行链接,但是如果需要不同的图形呢?
替换
从左侧图形库选择需要的图形,拖拽到要替换的图形中央,直到出现了一个替换的褐色标志,松开即可实现替换
旋转
选中图形,拖拽上方的旋转箭头即可
使用 Draw.io 绘制简单流程图
3.1 基本绘图
掌握了图形,文本和链接的基本操作,就可以实操来画一个流程图了,检验一下学习效果,如果哪一个部分不够熟练可以温习一下上面的教程
3.2 编辑样式
选中元素在右侧的检查器可以修改元素的颜色,大小,布局等等。
3.3 保存和导出
在文件菜单可以执行另存为或是导出为,将图片导出成自选的图片格式或其他格式的文件。
常用技巧
4.1 如何在调整大小时保持宽/高比
若要在每次调整形状大小时保持高宽比:
选择形状
转到右侧检查器面板中的“调整图形”选项卡
选择“限制比例”
注意!必须为每个单独的形状设置此设置 - 默认情况下此行为处于关闭状态。你可以选择多个形状,并在一次操作中为所有形状启用约束比例。
当然,你也可以在调整形状大小时按住shift键,以在调整大小时保持高宽比。
4.2 组合形状为容器
要将任何形状变成容器,请先点击要组合的形状,然后在Windows上按 Ctrl + G,在macOS上按Cmd + G。若取消组合 Ctrl + Shift + U
演示如下:
若组合多个形状,先按Ctrl + A,全选所有形状,然后再 Ctrl + G 组合所有形状为容器。
演示如下:
4.3 有四种连接形状的方法
4.3.1 焦点/鼠标悬停
4.3.2 鼠标拖放
Ctrl + Drag 或 单击蓝色箭头或Ctrl + Drag连接点。
4.3.3 选择 + 侧栏
从侧边栏拖动到蓝色箭头或圆圈
4.3.4 选择 + 键盘
(Alt + X)单击具有选定形状或边缘的侧边栏
按alt + shift +箭头键(光标)以选定的形状。
1、丰富的组件供你挑选使用
在页面左侧点击:More Shaps,可以从众多组件库里挑选。
还是找不到所需的组件怎么办?你甚至还可以自己导入所需的组件!
2、文件保存
可以让我们保存文件到Dropbox,或者点击Command+s保存到本地,存储为XML文件。下次可以直接从XML文件打开哦。
3、从模版快速启动
比如,今天你要画个泳道流程图,你可以点击模版,更换内容即可:
要不要这么方便?
当然,有些场景往往会从空白模版启动——因为更有想象力。
4、轻松创建图
Draw.io是一个免费的在线工具,可填补艺术软件市场的空白。它意识到有时候,您将不需要广泛的功能:您将只需要尽快草绘图表。因此,使用此工具,您将能够做到这一点!
5、草图绘制的理想选择
专门设计用于使想在现场绘制图表的人的生活变得轻松。它带有一系列工具,可让您快速将形状插入图表。这些范围从基本形状(如椭圆和矩形)到更具体的设计(如简笔画和箭头)到高级元素(如可自定义的流程图)。简而言之,如果您想通过引人注目的图表尽快地传达您的想法,那么这里的工具将助您一臂之力。
6、您需要的所有工具
立即为熟悉任何种类的美术或演示软件的任何人所熟悉,并且可以访问,但是它是专门为构建图表而设计的。无论您需要流程图还是其他图片,都能满足您的所有需求。最重要的是,该工具为完成的图提供了多个目标,包括硬盘驱动器,GitHub,DropBox等。
v26.0.4版本
1、draw.io核心26.0.4的更新
2、使用电子32.2.5
3、draw.io核心25.0.4的更新。此版本中添加了26.0.4的所有更改。
v24.7.8版本
使用电子32.0.1。
更新到draw.io核心24.7.8。24.7.6到24.7.8的所有更改都会添加到此构建中。
应用信息
更多资讯MORE +
相关专题MORE +