yEd Graph Editor 操作指南
yEd 的软件界面
yEd 的软件界面说不上好看,中间是编辑区,左侧分别有几个服务于编辑的视窗,「导航视窗」、「相邻对象」、「组织视窗」,右侧是「模具」面板和「参数设置」面板。
yEd 软件界面
「导航视窗」用来调整编辑器显示的位置和缩放工作区域,结合工具栏的一系列放大镜图标一起来显示和聚焦对象。「相邻对象」是个动态视窗,当你选中某个对象时,视窗中会显示与这个对象相关联的其他对象。「组织视窗」用来罗列对象和群组,在这里也可以快速的给对象修改命名。
右侧的「模具」提供了不少模具的选择,双击某个形状或线型后,形状会被蓝色高亮并锁定,此后你在画布中随处点击都能如同图章一样直接添加带连续编号的这个形状,而锁定的线型会被作为默认的连接线。
「参数设置」的部分看上去不那么友好,在这里可以为选中的对象设定位置、大小、填充颜色、线型、文本标签字体、大小、位置、颜色等等,如果你觉得窗口的位置太狭小,可以直接拖动设置视窗和模具并列来获得更多的显示空间。
工具栏中需要重点提到的几个图标:
yEd 参数设置面板
「通用」设置中填充颜色(Fill Color) 有两个,都设置就是渐变色填充。文本位置(Placement) 是个重要的参数,默认是 Smart Free,如果你想自由移动对象中的文本标签,可以由这里设置成「Free」,这样选中文本标签后你可以自由移动。对象中标签文本的换行可以按「control+return」来实现。
移动对象一般是鼠标直接拖移,精确控制位置可以在参数中调整 X、Y 的坐标值。连线对象被选中时参数设置项会略有不同,多了线条起点和终点形状的设置,其他的基本一样。
标签的定义
一个对象上默认会有一个文本标签,通过右键菜单可以为一个对象添加多个标签「Add Label」,图示中我们看到的姓名卡片上实际包含了3个标签,其中两个设置了「Icon Properties」。「Icon Properties」的具体设置中可以自定义图像的大小以及和文本之间的相对位置,可以既有文本也有图像,也可以只有图像。
yEd 标签定义
在对象标签位置上双击来编辑标签,标签被选中后可以直接按 delete 键删除它或者移动它的位置。标签是否可以移动以及移动范围由参数面板中的「General」-「Placement」的具体参数决定。
模具管理
yEd 中已经预置了很多常用的绘制流程图所需要的模具,蓝色高亮显示的对象属于锁定的对象(双击来修改设定),创建默认对象时会采用高亮锁定的形状、线条和群组。
yEd 内置模具
基于已有的模具,我们可以编辑修改一套自己的模具,具体方式如下:
yEd 布局范例
通过布局进行变化的前提是对象已经都通过连接线确定好了上下级或父子关系而不是孤立的对象。
不希望因布局而分散的对象可以通过群组(Group)「⌥⌘G」的方式将多个对象绑定在一块。
导出格式
yEd 支持导出(Flies – Export)的格式很全,eps、pdf、svg、swf、jpg、png、html。如果配合其他软件使用,矢量的格式肯定是首选,不会因为缩放而出现锯齿和模糊,在文档中直接使用时一般选择 png 这样的图像格式,不过为了保证清晰度,我习惯将 png 输出选项中的 Scaling Factor 设置成2.0,按两倍的比例输出,这样再缩小使用就不会模糊,如果是在 Word 中使用推荐使用 emf 格式。
yEd 导出格式
yEd 创建自己的模具
针对自己定义的新的分类,还可以选择「Import Symbols」导入自己收集的图片、图标文件。另外,yEd 还提供了直接从「ICONFINDER」图标素材网站查找和导入图标的功能,非常贴心。打开「ICONFINDER」,输入关键词(英文),选中(支持多选)搜索到的图标就可以方便的将其添加到自己的分类中。对象的右键菜单项「Add to Palette」也可以用来随时收集喜欢的对象到自己的模具分类。
为了显示更多的模具,可以关闭其他的面板拉伸扩大模具面板的显示范围。删除了其他面板如果想恢复,随时可以通过菜单「Windows – Reset Layout」 重设面板布局还原。
布局方案
要了解布局方案的不同,首先我们需要有内容才好操作演示,你可以从帮助菜单「Help – Example Graphs」的范例里新建一个,或者从菜单「Tools – Greate Graph」里快速创造一个。
工具菜单&帮助菜单
左边的图示是用「Tools」 – 「Greate Graph」-「Random」创建的随机布局的30个对象,右侧图示则是操作菜单「Layout」- 「Hierarchical」排布以后的结果。
yEd 布局菜单和范例
另一个实际的流程图范例,变化可能会更直观。
显示全图,显示所有对象「⌘=」,在缩放移动后可以用它来回到全局的显示模式,如果只是想将视图焦点放在当前选中的对象上,按「⌘5」就可以。另外在流程图还可以通过上下左右的箭头键快速的选择相邻对象。
编辑模式和导航模式,「导航模式」下画布会出现一个导航箭头的图标,随着鼠标指针移动画布。切换到「编辑模式」后才可以进行对象的编辑操作。
对齐对象,点亮选中这个图标后,移动对象时会显示辅助线帮助我们定位对象。
网格视图,显示网格背景,可以用于对象的辅助定位。
直角边缘,这个图标也是经常处于被选中状态的,这样连接线会以折线的方式来连接对象,否则会使用斜线。
基本操作方式
添加对象和连接线
直接点击画布会添加模具中锁定的默认对象(蓝色高亮的形状),为了提高效率你也可以选择一个模具中的对象双击将其设置成默认形状。
默认对象之外的形状可以从模具面板中直接拖拽到画布,选中对象按 return 键或者直接双击以编辑对象的文本标签。由对象上三指滑动到其他对象就是添加连接线,注意这里不需要选中对象,选中后三指滑动是移动对象。也就是说,只要指针处在某个对象之上就可以三指滑动到其他对象为其添加连接线。当指针处于连接线上时,此时三指滑动就是添加连线节点并拉伸。
选中连接线(黄色高亮状态)右键选择「Edit Label」 为连接线添加文字标签,选中文字标签可以围绕着连接线自由移动。
画布的移动和缩放
双指上下推移是缩放画布(向上缩小向下放大),按住 command 键三指移动画布,如果不按 command 键则是圈选对象。
在缩放和定位上,有时候左侧的导航视窗比触摸板更好控制,因为在触摸板上要依靠双指推移的速度来控制缩放比例,很容易缩放过度。
专门移动画布还可以通过工具栏的「导航模式」图标或者「⌥⌘K」 进入导航模式,三指滑动来控制画布的移动。实际操作中,专门切换到导航模式的意义不大,导航视窗的使用频率反而更高一些。
「相邻对象」的视窗里同样可以选择对象并实现画布上的对象定位,如果知道对象的名称,还可以直接通过左侧的「组织视窗」来选中对象实现定位。
快捷键 作用 场景 ⌘= 显示所有对象 缩放 ⌘5 聚焦到选择对象 定位 按住 command 在编辑模式下移动 移动 ⌥⌘K 切换到导航模式 模式切换 ⌥⌘J 切换到编辑模式 模式切换 return 选中对象时 return 编辑标签 对象操作 ⌘D 复制对象(包含连接) 对象操作 ⌘K 添加子对象 对象操作 按住 shift 等比缩放 对象操作 按住 control 基于中心缩放 对象操作 参数的设置
选中对象左侧的「参数视窗」会显示可供设置的各种参数,为了看的更清楚,可以关闭其他的面板给参数面板腾出更大的显示空间。参数设置一般由四类参数组成:
通用(General),对象的坐标、大小、填充以及边框的颜色和线型;
标签文字(Label),对象上的文本标签的设定,背景颜色、文本位置、对齐方式、字体、旋转以及是否设置 ICON 图标;
数据(Data),URL 连接和描述性的文字;
流程图(Flowchart),这个类别根据不同的对象可能会不同,一般是补充性的设置,例如,阴影。
在模具面板中右键,选择「Convert to Document」,将模具转换为文档;
在编辑器中编辑具体的对象并排好顺序;
由菜单「Edit – Manager Palette …」进入「Palette Manager」管理界面;
新建一个分类「New Section」来保存自己的模具;
由可用模具列表中选中自己新建的分类,然后点击「Adopt from Document」,这样当前文档中的对象就都会添加到你的新分类中,由模具面板中可以调用。
yEd Graph Editor 操作指南相关推荐
- ye graph editor安装
yE Graph Editor 安装 1. 下载 地址:官网https://www.yworks.com/downloads#yEd 2. 安装 cd 到下载目录; 先用命令: chmod +x 文件 ...
- 图形编辑器——Graph Editor(树图必备)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 使用步骤 前言 图形编辑器--Graph Editor 可以用用来生成树,且可以标记边的权重 告别word.visio ...
- 在线画图网站Graph Editor的使用
网站链接 链接 网站介绍 CS Academy是一个在线的算法学习和竞赛的网站,打开网站左侧导航栏中的App目录下有一个可以在线画图的应用Graph Editor,用来画图(有向.无向)非常好用. 网 ...
- 拓扑图生成器python_HTML5拓扑图编辑器项目 - Graph.Editor
拓扑图编辑器介绍 Graph.Editor是一款基于HTML5技术的拓补图编辑器,采用jquery插件的形式,是Qunee图形组件的扩展项目 数据可视化是一件有趣的工作,冰冷的数据变成美观的图形,如同 ...
- Blender笔记:动画曲线编辑器(Graph Editor)技巧
运动曲线可以控制一个动画的流畅度,节奏感和力量感.在Blender中可以通过曲线编辑器来编辑运动曲线. 曲线编辑器(Graph Editor)和动画摄影表的快速切换 使用快捷键Ctrl + Tab可以 ...
- Blender图解教程:使用曲线编辑器(Graph Editor)的“不连续项(欧拉)过滤器”解决欧拉模式下旋转异常问题
情景再现 做升龙拳的时候在第25帧和第30帧之间遇到的这个问题(请注意角色脚部) 第25帧,正常的腾空勾拳pose 第30帧 也是一个正常的下落Pose 两个关键帧之间由Blender自动生成补间,然 ...
- linux桌面创建快捷方式
1使用命令行创建桌面快捷方式 要为特定程序或命令创建桌面快捷方式,你可以使用任意文本编辑器创建一个.desktop文件,然后把它放到/usr/share/applications或者~/.local/ ...
- Part 2 – Deep analysis using Androguard tools
Welcome to the second part of this series on "Reverse Engineering android applications". T ...
- Unreal4有哪些令你印象深刻拍案叫绝的设计
作者:梧桐 链接:https://www.zhihu.com/question/42128016/answer/94670767 来源:知乎 著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...
最新文章
- 使用最新版(2020)IntelliJ IDEA 新建 Spring Boot 2.0 项目
- 操作系统学习笔记 第四章:存储器管理(王道考研)
- 我的机器学习入门之路(上)——传统机器学习
- Flex Builder 2 注册码
- c#NPOI导出2007版本excel
- Windows XP 专业版与家庭版的区别
- SCWS中文分词,功能函数实例应用
- JS Navigator
- SWS_BICUBIC未声明的标识符解决方法
- 关于解决“无法定位程序输入点于动态链接库”问题的思路
- SpringCloud之熔断器Hystrix
- 企业的核心价值观应该建立在哪些要素上??
- 2019年保研夏令营时间经验汇总
- 大数据——DBT:数据治理、血缘关系DBT的安装及测试(基础使用篇)
- 许嵩的60句感人歌词,道出了学生时代实在爱情的伤与痛~
- 一个高效的敏感词过滤方法(PHP)
- ORA-00933:SQL 命令未正确结束(1)
- Python:向ndarray中插入一个元素
- ffmpeg 各个版本下载地址
- Oracle中一个汉字占几个字节