使用Draw.io制作泳道图
2021-01-15 本文已影响0人
小小的产品经理一枚
Draw.io这个工具,相信大家都不陌生了。但是使用过程中,相比Viso还是有些区别的,比如今天要说的泳道图,我在网上找了很久,也没有相关的资料(当然也可能是我找的方式不对)。今天我就来介绍下,怎么用Draw.io制作复杂的多泳道图。
横向泳道图
有标题:
无标题:
特点:
只能横向新增泳道,鼠标选中要添加的位置,会出现蓝色的小箭头,无论是点击横向的还是纵向的,结果都是添加横向泳道哦:
纵向泳道图
添加方式和特点与横向一直,这里就贴一个图展示一下:
横纵交错泳道图
这个才是今天要讲的重点,因为我们大多数时候想做这样一个图:
第一步:拖拽一个带标题的横向泳道图
第二步:拖拽一个带标题的单一图,并且把它放进Lane1中
效果如下:
聪明的你可以能已经发现了,那么就根据需要多拖拽几个进去吧!
但是很快我们又发现问题,就是当拖拽到Lane2的时候,还有标题怎么办,没关系,把标题隐藏就好啦!
先把拖进来的Container标题去掉,然后选中会,你会发现有个黄色的小点点,选中它向上移动到边框处即可。
是不是很简单!这样多泳道的纵横交错图就好了,而且这么做的好处是,container会随着里面的内容自动调节长短,而你只需要调整lane进行适配就可以了。
好啦,就这么多,有用的话点赞哦,谢谢大家!