UML图怎么画你知道吗?

有相关的UML流程图,对象图,状态图参考一下
关注者
15
被浏览
121,478

5 个回答

画UML图之前,得先了解UML图是什么、有哪些规则,这样画起来才事半功倍。

UML2.0将图形分为了12种图形(UML1.5定义了9种,2.0增加了3种)。

分别是:用例图、类图、对象图、状态图、活动图、顺序图、协作图、构件图、部署图9种,包图、组合结构图、交互概览图这三种则是新增的。

所以题主提到的UML流程图这一分类,严格意义上是没有的 。ps:活动图比较接近题主想要的(如下图所示)

来自亿图图示模板社区

如果大家想要深入了解UML图,可以移步查看之前这篇文章,这里就不赘述了。

而题主提到的UML对象图和UML状态图,也有之前的文章可以查看>>>

先用一个图来讲述一下吧。

UML常见的六种画法,包括类、接口、依赖关系、关联关系、聚合关系、合成关系

类 简要画法

类有三个单元格的矩形(看上图中的动物类)

第一格:类名称(如果是抽象类,名称标注为斜体字)

第二格:类属性名称

第三格:类操作名称

类属性或者操作的访问修改符的标注:

public用加号标注

private用减号标注

protected用#号标注


接口 简要画法

接口有两个单元格的矩形(看上图中的飞翔接口)

第一格:接口名称(名称前面要加入接口标注<>)

第二格:操作名称

属性或者操作的访问修改符的标注:同类


继承关系 简要画法

继承关系简单介绍:类似is-a的关系,如:猫是一个动物

鸟类+实线+空心三角形+动物类(即鸟类继承动物类,参考上图中的标注①)

箭头方向说明:箭头方向由子类指向父类


接口实现关系 简要画法

简单介绍:接口表达的是一种has-a的关系,即拥有这类接口的操作,如:猫可以实现爬树的接口

大雁类+虚线+空心三角形+飞翔接口(即大雁类实现了接口飞翔,参考上图中的标注②)

箭头方向说明:箭头方向由类指向接口


依赖关系 简要画法

简单介绍:依赖关系表达的是一种use-a的关系,即一个类临时引用另外一个类的方法实现功能

动物类+虚线+箭头+氧气类和水类(即动物类依赖氧气类和水类,参考上图中的标注③)

箭头方向说明:箭头由类指向被依赖类


关联关系 简要画法

简单介绍:关联关系表达的是一种强依赖关系,需要长期知道对方,使用对方,如企鹅需要总是知道气候的变化

企鹅类+实线+箭头+气候类(即企鹅类关联气候类,参考上图中的标注④)

箭头方向说明:箭头由类指向被关联类


聚合关系 简要画法

简单介绍:聚合关系表达的是一种弱拥有关系,如电脑与很多外设的关系

雁群类+空心菱形+实线+箭头+大雁类(即雁群类是由大雁类聚合成的,参考上图中的标注⑤)

箭头方向说明:箭头由整体指向部分


合成(或说组合)关系 简要画法

简单介绍:合成关系表达的是一种强拥有关系,并且生命周期相同,不能单独存在

鸟类+实心菱形+实线+箭头+翅膀类(即鸟类是由翅膀类及其它类合成的,参考上图中的标注⑥)

箭头方向说明:箭头由整体指向部分

UML绘制比较复杂,但是用软件就会简单很多,像亿图图示、processon、Visio都可以,哪怕是ps都可以。

但是对我们来说,一般都是选择最简单、最实用、最美丽的那种,能够制作成品高大上的那种软件。我推荐使用亿图图示。这款软件真的是简单快捷、高大上的那种。

下载亿图图示,下面是地址

安装完成,里面最让我喜欢的是有个模板社区,里面输入UML就可以看到很多模板。

这些模板都是很多的大神制作,我们只需要直接使用进行参数修改就行

这里面的参数修改起来相当简单,无非就是添加文字,修改颜色等等。

最关键的是,软件中内置的图例,用起来特别方便,不用手工绘制那么繁琐。

和手工绘制比起来,这个软件简直是精品中的精品。