本文将介绍流程基础操作,如添加、复制节点、流程连接线、以及流程工具栏中各快捷工具的使用,帮助大家方便、快捷的完成业务流程的设计。
视频教程:流程的基本设置。
较为复杂的流程中,初始状态的流程图不能满足业务需求,需要手动添加、修改节点,可通过如下两种方式添加节点:
1)在拖动工具栏处的节点到设计区域中,自由放置到指定位置,如下图所示:
2)还可以在已有的节点处,通过拖拽连接线或点击添加按钮的方式,添加各类型的流程节点,如下图所示:
对于部分属性设置一致或者差别很小的节点,可以通过节点复制后再简单修改,从而快速完成流程节点的配置。
注:复制节点时将复制节点名称及所有节点属性。
节点连接线即两个流程节点之间的连线,它控制流程的走向,代表流程关系的建立。
从节点四周的空心圆中拖拽出线条,与其他节点建立连接线,即表示流程的进行方向;如果要修改一个流程关系,只需要拖动线条到另一个节点上的空心圆处即可,如下图所示:
在流程设置环节,需要通过注释了解流程的设计原理及流转规则。此时可以双击节点连接线添加注释,如下图所示:
注:支持 enter 换行;注释的字符最多不超过 100。
工具栏主要包括撤回&重做、各类型节点、对齐、排列、画布缩放、导航器、节点删除、快捷键以及视图等,如下图所示:
工具栏中各工具使用方法如下:
目前流程节点共有 4 种类型:
使用时根据不同需求添加节点即可。
节点对齐方式支持以下 6 种:
对齐方式 | 对齐类型 | 对齐规则 |
水平方向上的对齐 | 左对齐 | 以选中的所有节点中的最左侧节点为原点向左对齐 |
水平居中对齐 | 以选中的所有节点中的最左和最右节点的中间位置为原点水平居中对齐 | |
右对齐 | 以选中的所有节点中的最右侧节点为原点向右对齐 | |
垂直方向上的对齐 | 顶部对齐 | 以选中的所有节点中的最顶端节点为原点向上对齐 |
垂直居中对齐 | 以选中的所有节点中的最上和最下节点的中间位置为原点垂直居中对齐 | |
底部对齐 | 以选中的所有节点中的最底端节点为原点向下对齐 |
选择需要对齐的节点(至少 2 个节点),点击工具栏的「对齐方式」即可对节点进行对齐设置,效果如下图所示:
流程设定中支持如下两种排列方式:
选中 3 个及 3 个以上节点,点击排列方式,即可节点在水平或者垂直方向上等距离间隔:
注:水平与垂直等距是指横向或纵向之间的距离相等,不是将所有节点水平或者垂直对齐。可以自行拖动节点保持水平或垂直对齐,再点击等距。
画布缩放即改变画布上流程图的显示比例与大小。画布缩放支持缩放到 50%、75%、100%、125%、150%、200%,以及自适应。其中自适应的展示效果为:画布内显示完整所有节点和连接线。
导航器即视图窗口,用于显示流程图的位置及细节。点击导航器按钮后,可在拖动弹窗的显示框以移动视图,查看效果。
选中单个节点,点击旁边的设置按钮,点击「删除节点」即可将这个节点删除:
选中需要删除的多个节点,点击工具栏的删除按钮,即可删除选中的全部节点:
注:也可以选中节点后,键盘点击回车键进行删除。
流程设计时,支持通过以下快捷键快速完成流程制作:
流程设计时,支持在工具栏处切换视图:
两种视图的展示效果如下: