yed工具的使用（画流程图）及流程图的简单介绍

在做项目之前，一定要画流程图，一个好的流程图，可以帮你在设计代码的时候少走弯路，对于画流程图，我想对于每一个程序员，是必备的技能吧，对于初次做项目的我而言，深刻的认识到了画流程图是如此的重要，我是用yed绘制流程图，我将分享一下yed流程图的使用。
yed工具是操作极其符合直觉（有基础的鼠标和键盘操作经验者），充分利用了鼠标的左键，右键，滚轮和常见键盘快捷键，让绘图的过程尽可能少去点一些工具栏按钮，少一些编辑/选取模式的切换。

1 yed工具的安装

https://www.yworks.com/downloads#yEd
它可以支持的版本：Windows/Linux/Mac…
windows下载之后的图标

2 yed的软件界面

导航视窗：「用来调整编辑器显示的位置和缩放工作区域，结合工具栏的一系列放大镜图标一起来显示和聚焦对象。
相邻对象：是个动态视窗，当你选中某个对象时，视窗中会显示与这个对象相关联的其他对象。
组织视窗：用来罗列对象和群组，在这里也可以快速的给对象修改命名。

模具：提供了不少模具的选择，双击某个形状或线型后，形状会被蓝色高亮并锁定，此后你在画布中随处点击都能如同图章一样直接添加带连续编号的这个形状，而锁定的线型会被作为默认的连接线。

参数设置：的部分看上去不那么友好，在这里可以为选中的对象设定位置、大小、填充颜色、线型、文本标签字体、大小、位置、颜色等等，如果你觉得窗口的位置太狭小，可以直接拖动设置视窗和模具并列来获得更多的显示空间。

在学习画图之前我们先了解一下，流程图的知识吧！

3 流程图的基本知识

3.1流程图的定义

流程图是一种很有用的示意图，说明为获得一个问题的解决方案需执行的行为和操作顺序。通常在配置计算机解决方案的早期阶段需要绘制流程图。流程图能促进程序员和业务人员之间的沟通。在问题的编程中流程图起到非常关键的作用，并在理解复杂和冗长问题的逻辑时非常有用。流程图一绘制好，用任何高级语言编写程序就相当容易了。我们经常看到流程图给人们解释程序的时候十分有帮助。因此可以说，流程图是更好地给复杂程序存档的必需品。

3.2流程图的符号

在这里我只讲一下我们经常用到的一些流程图符号。

（1）开始与结束标志，是个椭圆符号。用来表示一个过程的开始或结束。“开始”和“结束”写在符号内。

（2）活动标志，是个矩形符号，用来表示在过程的一个单独的步骤。活动的简要说明写在矩形内。

（3）判断标志，是一个菱形符号。用来表示过程中的一项判定或一个分岔点，判定或分岔的说明写在菱形内，常以问题的形式出现。对该问题的回答决定了判定符号之外引出的路线，每条路线标上相应的回答。

（4）流线标志。用来表示步骤在顺序中的进展。流线的箭头表示一个过程的流程方向。

（5）文件标志。用来表示属于该过程的书面信息。文件的题目或说明写在符号内。

（6）连接标志，是个圆圈符号。用来表示流程图的待续。圈内有一个字母或数字。在相互联系的流程图内，连接符号使用同样的字母和数字，以表示各个过程是如何连接的。

3.3流程图的分类

流程图类型	功能
程序流程图	程序流程图表示程序中的操作顺序。
数据流程图	数据流程图表示求解某一问题的数据通路，同时规定了处理的主要阶段和所用的各种数据媒体。
系统流程图	系统流程图表示系统的操作控制和数据流。

3.4流程图设计原则

1.制作流程图时，应按逻辑顺序列出所有要求。
2.流程图应该清晰、工整、易于理解。不要有含糊的地方。
3.常用的流程图方向是从左到右或者从上到下。
4.流程符号应该只有1条连接线连接下一个图形。
5.应该只有1条连接线输入一个判定符号，但是有2到3根连接线输出判定符号，每根代表1个可能的决策。
6.仅有一根连接线用于连接结束符号。
7.在标准流程图符号内简要说明符号代表的内容。必要时，你可以用注释符号更清晰地描述数据或计算步骤。
8.如果流程图很复杂，最好用连接符号以减少连接线的数量。为了得到更有效的流程图，更好地沟通信息，尽量避免连接线交叉。
9.确保流程图有一个逻辑的起点和终点。

4 用yed工具绘制一个简单的流程图

我们将以1加到100的编程来绘画一个流程图，成品图如下：

1.我们从右边的模具选择节点，我们选择一个椭圆节点，双击它，然后用鼠标把它拉到绘制流图的画板处。

2.我们可以在画板中点击椭圆图形，然后在右下角参数设置中，修改它的参数。

3.然后依次把所有节点都排列成初始模型，注意，可以多利用复制粘贴，能够保留节点的样式，也可以用Shift选中多个节点统一设置颜色等。

4.下面开始连线，首先在右上的面板选择线条类型’Edge Types‘为第二种。
然后先按下源节点的中心不放，再拖动出来，就可以把线条拖出来，当看到线条之后就可以释放鼠标了，再指向目标节点，此时节点四周会出现句柄，再点击一次可以完成连线。(如果想放弃绘制到一半的线条，可以点击ESC)

5.如果大家按照我上面画的时候，当画分支结构的时候，会连不上那条线，因为yed只支持连接两个节点的线，而不支持指向线条的线，但是在标准流程图上是有明确的要求的，所以我们需要一个透明的节点来’伪‘一下。（很简单就是选一个节点，把它的形状拉到最小，然后放在那个线上面就ok了）。

绘制完之后，我们需要保存，保存类型为一下的格式，如果我们需要保存图片该怎么办那，好了，看我操作。

我们点击左上角的file->Export a document(快捷键ctrl+E)，这里面就有图片的格式了，你需要什么格式的就按什么格式保存哦

就这样我们的成品就完成了，是不是yed工具画流程图很方便哦。如果觉得这篇博客帮助到你了，不妨给我点个赞，再加个关注嘿嘿！