当前位置:首页 > draw.io教程

更多连接器流程动画样式

drawio2年前 (2024-03-15)draw.io教程10

draw.io 为连接线流程动画新增了更多样式。您可以在 draw.io 中使用动画连接线来展示工作流程、供应链、电路图、PERT 图——任何包含指示方向的连接线的图表。

在 draw.io 中为连接器添加动画效果

  1. 选择一个或多个连接线。要选择全部连接线,请在绘图画布的空白区域单击鼠标右键,然后从上下文菜单中选择“选择边” 。

  2. 在“样式”选项卡中启用“流程动画”复选框。

连接器动画样式

draw.io 中新增了连接器流动画样式设置,您可以更改流时序、流持续时间和流方向。

  1. 选择要设置样式的连接器。

  2. “样式”选项卡中,单击“属性”以查看这些连接器的详细样式设置。

流程持续时间

默认流程持续时间为 500。

  • 设置较大的值可以减缓动画速度。

  • 设置一个较小的值(接近于零)可以加快动画速度。

  • 在 draw.io 中,您可以通过“样式”选项卡中的“属性”更改快速或慢速连接器动画的“流程持续时间”。

流程时间

有几种不同的流程计时设置可以改变流程动画的外观:线性(默认)、缓动、缓入、缓出、缓入缓出。

在 draw.io 中,您可以通过“样式”选项卡中的“连接器属性”设置动画连接器的各种流程时间。

这些流程计时对于可视化具有批量处理步骤的工作流程,或者步骤中包含等待时间的工作流程非常有用。

流向

连接器的默认流动动画样式为“正常”,即从源形状流向目标形状,无论连接器的末端是否有箭头。

您可以将流向更改为反向、交替或交替反向。

在 draw.io 中,通过“样式”选项卡中的“连接器属性”更改动画连接器的流动方向。

更多连接器样式选项

draw.io 为您提供了多种不同的连接器样式设置方式,包括各种线条样式、路径选项(用于改变连接器围绕路径点的弯曲方式)、一系列不同的箭头末端(包括 UML 和 SysML 图中使用的箭头末端)以及更多选项。

提示:您可以复制和粘贴连接器样式——这包括连接器流动画样式。

  1. 选择并设置一个连接器样式。

  2. 在格式面板的“样式”选项卡中,单击“复制样式”即可复制该样式。

  3. 选择所有符合该样式的连接器,然后单击“粘贴样式”

键盘快捷键: draw.io 中有很多用于设置形状和连接线样式的快捷键,可以帮助您更快地绘制图表。

设置默认样式:为添加的第一个连接线设置样式,然后“样式”选项卡中单击“设置为默认样式”。之后绘制的所有连接线都将默认使用您自定义的样式。

了解更多关于连接器样式设置的信息