C++Qt开发流程图效果，包括保存、加载功能

声明

学习Qt示例 diagramscene ，在此基础上做功能的扩展。
开发环境

Vs 2022 + Qt5.9.1
实现功能

1、拖入单个流程图；
2、切换为连线功能，举行流程图之间的连线；
3、可以自由拖动流程图；
4、ctrl + 滚轮 举行放大缩小；
5、“新建” 菜单按钮举行新建；
6、“保存” 菜单按钮举行流程图设计的保存，保存为json文件；
7、“加载” 菜单按钮举行文件的读取表现。
主界面

保存文件

保存文件的格式为json。

刚刚保存的流程图设计内容，每一个流程图匹配一个uuid举行标识

1. {
2.     "Diagram": [
3.         {
4.             "arrow": [
5.                 "{5e1bfb25-9753-4bf8-82ac-864fdcb61111}",
6.                 "{03dda701-4f00-48e1-9c2b-9fab267e2945}"
7.             ],
8.             "name": "x1",
9.             "uuid": "{2ca09772-db26-4d22-90e9-a9c06279c0a9}",
10.             "x": 1470,
11.             "y": 1073
12.         },
13.         {
14.             "arrow": [
15.                 "{2ca09772-db26-4d22-90e9-a9c06279c0a9}"
16.             ],
17.             "name": "Item 2",
18.             "uuid": "{03dda701-4f00-48e1-9c2b-9fab267e2945}",
19.             "x": 1412,
20.             "y": 898
21.         },
22.         {
23.             "arrow": [
24.                 "{917c0116-7a1a-482e-8055-a83550dbd2cf}",
25.                 "{2ca09772-db26-4d22-90e9-a9c06279c0a9}"
26.             ],
27.             "name": "Item 3",
28.             "uuid": "{5e1bfb25-9753-4bf8-82ac-864fdcb61111}",
29.             "x": 1065,
30.             "y": 1096
31.         },
32.         {
33.             "arrow": [
34.                 "{5e1bfb25-9753-4bf8-82ac-864fdcb61111}",
35.                 "{03dda701-4f00-48e1-9c2b-9fab267e2945}"
36.             ],
37.             "name": "Item 2",
38.             "uuid": "{917c0116-7a1a-482e-8055-a83550dbd2cf}",
39.             "x": 918,
40.             "y": 848
41.         }
42.     ]
43. }

复制代码

视频

可扩展的功能

1、目前只有矩形框，可以实现椭圆、圆形、菱形等；
2、对流程图做修改后不会提示是否保存；
3、可以自定义设置配景图等；
4、可以自定义添补颜色、箭头颜色等效果；

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。