常用工具：用yEd工具画流程图实用步骤

（一）流程图、yEd工具的基础知识

网上yEd工具的使用教学以及视频讲解都比较少，看了多个视频和文章后再加上自己运用后梳理的文章。

(1) 流程图的基础知识

下载地址：

https://www.yworks.com/downloads#yEd

支持的版本：Windows/Linux/Mac…

1.1 流程图的符号定义

在使用yEd工具前，我们要了解下流程图符号的定义。

1.2 流程图的分类

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

1.3 程序流程图的三种基础结构

1.3.1 顺序结构

顺序结构：简单的线性结构，各框按顺序执行。

1.3.2 选择（分支）结构

选择（分支）结构：对某个给定条件进行判断，条件为真或假时分别执行不同的框的内容。

规范的判断示例：

1.3.3 循环结构

循环结构：while型循环，do - while型循环。
while型循环：

do - while型循环：

1.3 流程图的规范

①遵循从左到右、从上到下的顺序排列。
②一个流程：从开始符开始，以结束符结束（开始符号：只能一个。结束符号：可以多个）。
③菱形判断符号：必须要有YES或NO两种结果（一个入口，两个出口）。（规范示范：看上面判断示例）
④处理流程：以单一入口和单一出口绘制，同一路径的指示箭头应只有一个。（规范示范：看上面do - while型循环）
⑤同一流程图内：符号大小需要保持一致，同时连接线不能交叉，连接线不能无故弯曲。
⑥流程处理关系为并行关系的：需要将流程放在同一高度。

(2) yEd工具的基础知识

2.1 yEd软件界面

2.2 yEd设置

yEd基础设置：File→Preferences

2.2.1 字体填充到合适的大小

注意：这个是要勾选在创建节点上编辑标签（2.2.3）使用的！
配合使用出现的情况：

所以：在这种时候，我们应当不勾选本项。

2.2.2 单击创建节点

例如：我们选中模块后，我们可以通过鼠标左键单击创建模块，连续单击可以创建多个相同模块。

2.2.3 在创建节点上编辑标签

例如：我们创建模块后，想要对其进行编辑文本，我们又不想每次创建后再双击编辑文本。当我们勾选后，每当我们创建模块后，自动进入编辑文本的操作，这就是一个极其方便的选项。

2.2.4 背景颜色设置

2.3 常用操作

2.3.1 导出格式

步骤：File→save→选择相应格式

2.3.2 常用元素

本次画图：这里会记录你本次画图时候的一些常用的元素。

2.3.3 创建自己的模具面板

步骤：Edit→Manager Palette…（当然还可以导入模具等）→New Section…


将自己常用的模具导入到模具面板中：点击自己创建的模块→右键+Add to Palette

2.3.4 多个步骤封成一个步骤(GO TO URL)

步骤：点击模块右键+Properties（F6）→Data

例如：我们会将多个相关函数封装成一个函数，用GO TO URL就可以实现这个功能。

2.4 用简单流程来讲解详细示例

2.4.1 将开始，结束、过程进行罗列

2.4.2 进行相应的连线

2.4.3 使用自动布局（可选）

步骤：Layout→Flowchart layout（流程图布局）

点击OK后：

2.4.4 条件判断相应判断标签设置

①判断标签输入：
步骤：双击后→右下角Text进行相应输入（或F6键）

②判断标签位置设置：
步骤：按shift键选中两个判断标签→右键+F6（或按键F6）→如下图设置→OK即可

效果展示：

③判断标签或节点调整：
判断标签：点击相应判断标签拖动即可
节点调整：将要调整的流程线双击，进行节点拖动
最终效果：

2.4.5 用shift键选择多个模块进行上色