流程设计区采用面板式的流程图式的设计样式，可以在设计面板中添加步骤进行流程设计，面板可放大和缩小。同时面板中的设计步骤可进行位置的拖动及步骤之间的连线设计，使得设计的流程看起来更加的直观。

1 最上方tab页显示的是该工程下不同流程模块的面板及代码。

2 面板支持以下操作：

• 鼠标左键上下左右四向移动操作

• 放大和缩小操作

• 组件支持位置的拖拽操作，拖动“磁吸”效果，快速对齐调整组件位置，同时也支持使用键盘上下左右键调整组件位置及使用快捷键（Ctrl+上下左右键）进行组件位置微调

• 支持通过鼠标右键添加组件操作

• 添加组件页面支持组件搜索功能

• 组件之间支持关系连线操作

• 组件支持只运行当前组件操作

• 组件支持删除、复制、粘贴、剪切等操作

• 组件支持定位到代码的操作

• 组件支持撤销操作，恢复上一步骤，快捷键Ctrl+z；

3 在面板的空白处，鼠标右键点击即可激活弹出添加组件的界面（如下图），在组件添加界面选择该步骤需要进行的相关操作，即可一键添加到面板中，此时在面板中就可以对该组件进行设置。

• "搜索"：组件添加界面支持对组件进行搜索的功能，更加便于快速的设计。

• "收藏"：组件支持收藏，点击“收藏”按钮，进入组件收藏列表，收藏的组件可删除。

• "常用"：点击“常用”按钮，显示常用组件。

• "固定"：点击“固定”按钮，组件界面固定显示在最前端，便于连续添加多个组件。

4 面板中在步骤上鼠标右键点击，即可对当前步骤进行相关操作（如图所示）。

• "全选组件"：点击全选组件，所有组件被选中，可批量进行删除、复制等操作。
  

• "剪切组件"：将该步骤组件剪切到其他位置或其他流程中，只限于该工程下的流程。

• "拷贝组件"：将该步骤组件复制到其他位置或其他流程中，只限于该工程下的流程。

• "粘贴组件"：将之前剪切和复制的组件粘贴到当前流程中，只限于该工程下的流程。

• "删除组件"：删除该组件，同时关联的连线也会一并删除，删除动作也可以使用键盘上的快捷键delete替代，效果相同。

• "只运行此组件"：单步执行选中的该组件步骤，其他步骤不参与此次执行，用于单步调试。

• “从当前步骤开始运行”：从当前组件步骤开始向下执行流程。

• “从当期步骤开始调试”：从当前组件步骤开始向下进行调试。

• “设置断点”：在当前组件处设置断点，当调试进行到此组件时会在此处暂停。

• "组件定位到代码"：点击后直接打开代码界面，并定位到该组件的代码区域。注意，因为没有连线关联的步骤在编译时不会生成代码，所以这种步骤是无法定位到代码区域的。

• "注释组件"：注释的组件置灰，运行流程时跳过注释的步骤，直接执行后面流程。组件注释之后，变为"启用组件"，当启用组件时，恢复正常流程。

5 面板中在组件的输入输出引脚上通过鼠标点击拉出连接线，点击+可快捷创建变量（如图）：