《软件工具》分享2款好用的时序图工具

article/2025/9/1 14:10:58

在分享工具之前，需要说明下什么是时序图，时序图是指MCU等执行指令时发出的控制信号的时间序列。这些控制信号在时间上的相互关系就是时序图，也就是时序图是一系列具有时间顺序的脉冲信号图。

值得注意的是，网上很多资料都将UML序列图也叫时序图，所谓UML序列图，它通过描述对象之间发送消息的逻辑顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。和本文所讲的时序图不是一个东西。

在这里插入图片描述

以上是UML的序列如实例，下面给出一个I2C的时序图实例。

在这里插入图片描述

本文将要介绍2款能画图诸如上述时序图的工具。

1 WaveDrom

笔者首推WaveDrom，不使用因为它最好用，而是因为WaveDrom开源免费，还是跨平台，适用于Windows、Linux、macOS，教程也很详细，可以说非常良心，关键还有在线版。

Github地址

WaveDrom教程

WaveDrom是用代码的方式来进行时序图设计，上手也是非常快，需要一定时间学习，但熟悉之后可以大大提高效率。下面举例说明。

【代码】

{ signal: [{ name: "CK",   wave: "P.......",                                              period: 2  },{ name: "CMD",  wave: "x.3x=x4x=x=x=x=x", data: "RAS NOP CAS NOP NOP NOP NOP", phase: 0.5 },{ name: "ADDR", wave: "x.=x..=x........", data: "ROW COL",                     phase: 0.5 },{ name: "DQS",  wave: "z.......0.1010z." },{ name: "DQ",   wave: "z.........5555z.", data: "D0 D1 D2 D3" }
]}

相应的时序图如下：
在这里插入图片描述

其实上述代码本质就是一段json格式的文本，通过不同的字符来标志时序中不同的逻辑，比如‘01’表示高低电平，非常简单。

下面看下软件界面：

在这里插入图片描述

WaveDrom实时画图，当你添加了相应的字符，就会有相应的图型在下方显示。

2 TimeGen

官网地址

TimeGen是一款简单实用的画时序图工具，用户可以快速的通过该软件进行时序图的创建，软件具有矩形或圆形边缘的轮廓文本框，方便用户对各种模式的时序图进行制作，在构图时，用户可以一次性选择多个文本框，通过快捷键就能立即实现一键添加，在很大程度上提高了设计时间，同时您可以使用编辑工具移动文本框与您的鼠标，在添加文本时，用户可以自由设置每个文本框的属性字体样式、字体大小和颜色，非常具有个性化。

在这里插入图片描述