使用Draw.io制作泳道图

2021-01-15  本文已影响0人  小小的产品经理一枚

Draw.io这个工具,相信大家都不陌生了。但是使用过程中,相比Viso还是有些区别的,比如今天要说的泳道图,我在网上找了很久,也没有相关的资料(当然也可能是我找的方式不对)。今天我就来介绍下,怎么用Draw.io制作复杂的多泳道图。

横向泳道图

有标题:

无标题:

特点:

只能横向新增泳道,鼠标选中要添加的位置,会出现蓝色的小箭头,无论是点击横向的还是纵向的,结果都是添加横向泳道哦:

纵向泳道图

添加方式和特点与横向一直,这里就贴一个图展示一下:

横纵交错泳道图

这个才是今天要讲的重点,因为我们大多数时候想做这样一个图:

第一步:拖拽一个带标题的横向泳道图

第二步:拖拽一个带标题的单一图,并且把它放进Lane1中

效果如下:

聪明的你可以能已经发现了,那么就根据需要多拖拽几个进去吧!

但是很快我们又发现问题,就是当拖拽到Lane2的时候,还有标题怎么办,没关系,把标题隐藏就好啦!

先把拖进来的Container标题去掉,然后选中会,你会发现有个黄色的小点点,选中它向上移动到边框处即可。

是不是很简单!这样多泳道的纵横交错图就好了,而且这么做的好处是,container会随着里面的内容自动调节长短,而你只需要调整lane进行适配就可以了。

好啦,就这么多,有用的话点赞哦,谢谢大家!

上一篇下一篇

猜你喜欢

热点阅读