美文网首页
使用Draw.io制作泳道图

使用Draw.io制作泳道图

作者: 小小的产品经理一枚 | 来源:发表于2021-01-15 16:23 被阅读0次

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

    横向泳道图

    有标题:

    无标题:

    特点:

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

    纵向泳道图

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

    横纵交错泳道图

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

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

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

    效果如下:

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

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

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

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

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

    相关文章

      网友评论

          本文标题:使用Draw.io制作泳道图

          本文链接:https://www.haomeiwen.com/subject/eadwaktx.html