UML和嵌入式系统的时序图
时序图对于需要在特定时间范围内完成的活动非常重要。例如,按下按钮后门铃响起,或者检票闸机在车票验证后打开。

虽然你可以在其他图表中显示这些限制,但时序图可以更清晰地可视化活动的时间限制、触发条件以及状态变化发生的时间。
时序图可用于记录对反应时间有要求的安全或服务法规的遵守情况,以及分析现有系统的性能。
draw.io 中的时序图
虽然时序图通常是在其他工具中绘制的,但您也可以使用 draw.io 轻松创建它们,它还提供了一些有用的布局功能。
你需要用到的形状相对简单:
UML形状库中的图表或框架形状
水平线用于分隔框架形状内的各个部分。
在画面底部画一条垂直线来形成比例尺。
路径点形状用于连接状态和值生命线的连接器。
价值生命线中行动的局部矩形。
水平尺寸形状用于指定时间约束。
时序图左侧的动作和状态的文本形状。

提示:开始绘制之前,先将这些形状从各自的形状库中拖到绘图画布上,然后再拖回形状面板中的草稿板。现在,您的草稿板中就拥有了一个简易的自定义时序图形状库。
绘制自定义比例尺
draw.io 虽然提供了标尺形状,但它们位于矩形轮廓内。不过,您可以快速创建自己的标尺。
添加一条小的垂直线(来自Misc形状库),调整其大小,并将其放置在缩放开始时的框架形状的底部。
复制并粘贴这条小竖线,然后将其移动到刻度的末端。
复制并粘贴所需数量的垂直线来填充刻度,大致将它们放置在起始形状和结束形状之间。
拖动鼠标,选中所有垂直线。
转到格式面板的“排列”选项卡,单击“对齐” - “居中”,然后单击“水平”,使垂直线沿刻度均匀 分布。

刻度标签:为刻度线添加标签。在“文本”选项卡的“位置”列表中选择“底部”,即可将标签重新定位到刻度下方。

如果你的时序图中有多个部分都使用了刻度,请在添加任何标签之前选中所有垂直线,并将它们组合在一起。现在你可以复制该组合并将其重新定位到另一个部分,或者将其添加到草稿纸中。

定时线的航点和连接器
现在你的刻度尺已经处于正确的位置,你可以使用将形状拖到画布上时出现的参考线来定位航点形状。
在时序图中至少拖入两个航点形状到指定位置。
将鼠标悬停在某个航点形状上,然后从方向箭头拖动连接线。将其放到时序图中的下一个航点形状上。
将连接线两端的箭头都去掉,并将其设置为直线。选中该连接线后,单击“设置为默认样式”。
继续在航点形状之间连接连接器,直到完成状态时间线。

动作触发器:如果您绘制了两条相关的状态生命线,请使用一端带有箭头的连接线来显示一条生命线中的动作如何触发另一条生命线中的状态变化。

操作标签:使用“通用”形状库中的文本形状为不同状态添加标签。使用蓝色参考线将标签与其航点形状对齐。

绘制价值生命线
虽然价值生命线不太常见,但它们用于清晰地可视化重要用例的行动步骤和时间限制。
请注意,它们无需与时序图完全对齐。如果使用水平尺寸形状指定了约束,最好确保至少这些动作对齐。
为用例中的每个操作添加和调整部分矩形形状的大小。
在格式面板的“排列”选项卡中使用“居中对齐”选项,确保它们处于同一高度。
在每个动作之间添加路径点形状,并使它们均匀对齐。
将连接线(不带箭头)从其中一个部分矩形的右上角和右下角拖到航点。
确保将它们作为固定连接线连接到部分矩形上的固定连接点(上方的绿色十字)。您也可以自定义部分矩形上的连接点。
将连接线从航点形状拖到下一个操作的左上角和左下角的连接点。
重复以上步骤,直到画出完整的价值生命线。
提示:虽然可以使用“x”形状来避免使用连接器和路径点形状的额外步骤,但部分矩形更容易添加标签、调整操作大小和移动它们。
简化时序图
完成图表后,您可以将航点形状隐藏起来——选中所有航点形状,然后在格式面板的“ 样式”选项卡中取消选中“线条” 。现在,您的时序图看起来会更简洁。在 draw.io 查看器中打开此时序图示例。
更多 UML 图
时序图也是UML规范的一部分。UML图有很多不同的类型,既可以抽象地概述系统和流程的行为和数据,也可以详细地描述以实现精确的功能。
有关其他多种类型的 UML 图,请参阅UML图概述文章。
