【精选】用yed绘制流程图的教程.pdfVIP

用yed绘制流程图的教程 谢虎成xiehuc@ 本文档准从GNU自由文档许可证 ，任何人可以自由的下载修改再以自由文档许可证发布此文 档。 本文档受众为大一学生 ，请自行忽略其中不合适的说法。 下载yed 可以从/en/products_yed_about.html 下载yed 选用软件请首先考虑开源软件 ，其次是免费软件 ，最后是共享软件+破解补丁 MS office+MS visio并不是首选的选择 ，请在力所能及的范围内遵从软件授权 ，不要认为装个破 解软件就是非常自然的事情 ，尤其是对于从事计算机行业的程序员。 当然 ，让你们放弃office不是件容易的事情。 yed的简单使用 yed是免费软件 ，但是并不开源。用java写的 ，能跨平台，没有中文 ，下面是典型界面 ： 需要注意的是右上角的三个按钮 ，分别是snap line （对齐对象），grid （显示网格 ）， orthogonal edge （直角边缘）。把它们都打开。 选用yed而不是visio或者是直接在office里面画图的原因是 ，yed能够非常方便的绘制流程图 ，右 边是一些常用的节点（不能自定义 ，能够改颜色 ）虽然不多但是够用了，线条自动跟随（拖动 节点 ，在节点上面的线条也会自动移动），对象对齐。另外yed使用的是开源的格式graphml,并 且能够导出标准矢量图格式（svg ）和word中支持的矢量图格式（emf ），但是emf可能会有一 些不兼容 ，这个时候可以导出高分辨率的png格式。 绘制流程图教程 标准的流程图可以参见/wiki/Flowchart （中文Wiki的信息非常少 ，推荐尝试 English语言的wiki ） 下面从头开始以绘制一个简单的流程图为例子 ： 从右边选取节点 ，这里我们选择原型作为开始 ，双击选择节点 ，然后在中间画布点击就可以绘 制出来。适当移动使它对齐网格。 然后拖动节点边缘使它扩展为椭圆 ，右下角的属性面板的Fill Color中把土豪金改成白色 ，注意 是白色 ，不是No color, 修改文字可以直接在节点上按F2 ，也可以在属性面板的Text中输入 ，要输入多行文字的话 ，可 以点击右边的’...’按钮打开多行输入面板。 拖动左边的导航窗口可以移动画布。 然后依次把所有节点都排列成初始模型 ，注意 ，可以多利用复制粘贴 ，能够保留节点的样式 ， 也可以用Shift选中多个节点统一设置颜色等。 下面开始连线 ，首先在右上的面板选择线条类型’Edge Types‘为第二种。 然后先按下源节点的中心不放 ，再拖动出来 ，就可以把线条拖出来 ，当看到线条之后就可以释 放鼠标了，再指向目标节点 ，此时节点四周会出现句柄 ，再点击一次可以完成连线。（直接点 击释放则是选中节点）。 为了绘制折线则需要在折点处多次点击。 绘制好线条之后可以点击线条微调。 如果想放弃绘制到一半的线条 ，可以点击ESC。 下面需要画条件分支的连线 ，需要一些技巧 ，因为yed只支持连接两个节点的线 ，而不支持指向 线条的线 ，但是在标准流程图上是有明确的要求的 ，所以我们需要一个透明的节点来’伪‘一下。 利用标准的矩形在目标位置画一个。注意所有的Color都是No Color,Text为空 ，可以按住Ctrl+鼠 标滚轮放大视图 ，能够非常细微的移动元素。图上能够看到透明节点的句柄 ，但是一旦取消 focus之后就真的是’不见‘了。 然后缩回全局视角 ，从开始节点画一条线指向透明节点（虽然是透明的 ，但是你能够记住它的 位置 ，所以还是能够成功的）。 注意到箭头超出来了一些 ，这个在标准的流程图中也是不允许的 ，此时放大视图 ，点击透明的 节点 ，再细微移动一下就能够做到箭头完美的指向线条。 然后是输入分支选择的文字 ，点击线条 ，在属性面板的Text标签上输入文字即可。placement属 性可以指定标签的位置 ，直接保持SmartFree即可 ，然后拖动分支选择文字到合适的位置即 可。 最后 ，保存好文件 ，保存格式是graphml 为了在word中插入 ，则需要导出成emf格式（首选 ）或者png格式（次选 ），不同格式之间的差 别真是一句话很难说清楚的。 因为google docs不支持任何矢量图格式 ，所以这里插入了png格式的结果。 自己和自己用word画的流程图比较一下吧 ，到底选择哪种方法自己好好想一想吧。很多作业简 直是不忍直视啊。不得不决定花了晚上2个小时的时间完成了这篇教程。