一种可视化编辑界面的方法、装置及电子设备制造方法及图纸

本发明专利技术提供一种可视化编辑界面的方法，方法包括：构建自定义控件库；基于Qt Designer工具对自定义控件和原生控件进行操作组建界面；解析所组建的界面，编辑界面间的关联性；根据自定义控件类型注入相应的代码生成源码文件；编译源码文件，生成可执行程序。本发明专利技术能够在现场快速建立界面模型，进行软件系统界面操作演示，提高工作效率。

【技术实现步骤摘要】
一种可视化编辑界面的方法、装置及电子设备
本专利技术涉及计算机程序开发领域，尤其涉及一种可视化编辑界面的方法、装置及电子设备。
技术介绍
企业在数字化工厂建设中，根据自身的业务及管理特点，一般都需要定制化开发软件系统，以符合行业合规性要求及员工使用习惯，软件系统主要以可视化界面的方式呈现在用户面前供用户使用。在软件系统开发过程中，企业与软件开发方需要对业务特点、流程、界面操作方式等进行大量的反复探讨以确定实施细节，在双方没有软件实物做参考下，大大增加了双方的理解及沟通难度，重复返工修改，这样无疑将会消耗大量的人力物力资源，降低工作效率。
技术实现思路
有鉴于此，本专利技术提供了一种可视化编辑界面的方法、装置及电子设备。具体地，本申请是通过如下技术方案实现的：根据本申请实施例的第一方面，提供一种可视化编辑界面的方法，包括：构建自定义控件库；基于QtDesigner工具对自定义控件和所述QtDesigner工具中原生控件进行操作组建界面，将组建完毕的所述界面保存为界面设计图文件，重复上述步骤直至组建完毕软件系统中所有的所述界面；解析所有的所述界面设计图文件，建立界面和自定义控件信息库，根据所述界面和自定义控件信息库编辑所述界面间的关联性，将所述界面间的关联性信息添加到所述界面对应的所述界面设计图文件中；转换所有所述界面设计图文件，生成逐个对应的界面源码文件，根据所述自定义控件类型匹配特征代码库，将匹配的特征代码注入到所述界面源码文件中；生成加载源码文件，将第一个组建的所述界面设定为主界面，编译所述加载文件和所有所述界面源码文件，生成可执行程序。根据本申请实施例的第二方面，提供一种可视化编辑界面的装置，包括：构建单元，用于构建自定义控件；组建单元，用于操作所述自定义控件和QtDesigner原生控件组建界面，生成界面设计图文件；解析单元，用于解析所述界面设计图文件，建立界面和自定义控件信息库；编辑单元，用于根据所述界面和自定义控件信息库编辑界面间的关联性及将所述关联性信息添加到所述界面设计图文件中；转换单元，用于转换所述界面设计图文件的格式及编程语言，生成界面源码文件；注入单元，用于根据所述自定义控件类型向所述界面源码文件中注入特征代码；生成单元，用于将加载文件与所述界面源码文件生成可执行程序。根据本申请实施例的第三方面，提供一种电子设备，该电子设备包括：处理器和机器可读存储介质，所述机器可读存储介质存储有能够被所述处理器执行的机器可执行指令；所述处理器用于执行机器可执行指令，以实现上述方法。本申请实施例的一种可视化编辑界面的方法，通过QtDesinger工具操作所述自定义控件和所述原生控件组建界面，在所述界面的基础上编辑界面间的关联性，并根据所述自定义控件类型注入相应的特征代码建立所述自定义控件的响应事件，编译所有源码文件生成可执行程序，使业务人员可以在现场建立软件界面模型，进行软件系统界面演示，便于沟通和理解，有效的提高了工作效率。附图说明附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，与本专利技术的实施例一起用于解释本专利技术，并不构成对本专利技术的限制。图1是本专利技术一种可视化编辑界面的方法的整体流程图；图2是本专利技术一种可视化编辑界面的方法的构建自定义控件流程图；图3是本专利技术一种可视化编辑界面的方法的自定义控件图标库图；图4是本专利技术一种可视化编辑界面的方法的控件组合界面图；图5是本专利技术一种可视化编辑界面的方法的编辑界面间关联性图；图6是本专利技术一种可视化编辑界面装置的结构示意图；图7是本专利技术一种可视化编辑界面装置的硬件结构示意图。具体实施例下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。需要说明的是，当组件被称为“固定于”另一个组件，它可以直接在另一个组件上或者也可以存在居中的组件。当一个组件被认为是“连接”另一个组件，它可以是直接连接到另一个组件或者可能同时存在居中组件。当一个组件被认为是“设置于”另一个组件，它可以是直接设置在另一个组件上或者可能同时存在居中组件。本文所使用的术语“垂直的”、“水平的”、“左”、“右”以及类似的表述只是为了说明的目的。除非另有定义，本文所使用的所有的技术和科学术语与属于本专利技术的
的技术人员通常理解的含义相同。本文中在本专利技术的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本专利技术。本文所使用的术语“及／或”包括一个或多个相关的所列项目的任意的和所有的组合。经过对QtGUI编程开发过程中涉及的界面元素进行分析可知，QtGUI编程主要由控件组成，一个界面可由一到多个控件组成，一个软件可由一到多个界面组成。针对上面特点，完全可以根据业务特点，对界面控件进行抽象和固化，通过如手工拖拽、信号和槽连接、属性编辑等方式来编辑界面，通过代码注入的方式实现控件间的关联或者界面间的关联，从而完成软件界面的可视化编辑工作。请参见图1，为本申请实施例提供的一种可视化编辑界面的方法的整体流程图，如图1所示，该可视化编辑界面的方法可以包括以下步骤：步骤S100、构建自定义控件库。本申请实施例中，所述自定义控件包括但不限于计数控件、计重控件、压力检测控件、温度检测控件、湿度检测控件、电压检测控件、电流检测控件、拉力检测控件、开关控件、指示灯控件、电机控件、空压机控件、界面关联控件等。在一个示例中，如图2所示，构建所述自定义控件需从QDesignerCustomWidgetInterface类上派生类，通过实现父类的接口函数来实现对应的功能，实现后的派生类可以被QtDesigner工具加载并显示在控件面板上供用户操作。示例性的，考虑到后续代码注入，需要匹配所述自定义控件类型注入相应的代码，因此以派生类类名做为所述自定义控件的唯一识别标识。如所述开关控件派生类类名为IotToggleSwitch,所述指示灯控件派生类类名为IotLedLight，所述界面关联控件派生类类名为IotJumpButton。示例性的，所述自定义控件外观可以从图库中加载对应的图标作为控件的外观展示，见图3。示例性的，所述自定义控件也可以自定义信号和自定义槽，但需同时从QObject类和QDesignerMemberSheetExtension类上派生类，以实现QtDesigner中信号和槽编辑模式。实现时还需要从QExtensionFactroy类上派生类。如所述开关控件的建立自定义信号PowerOn、PowerOff，分别表示开关的开、闭动作，再如所述指示灯控件的自定义槽LightOn,、LightOff，分别本文档来自技高网...

【技术保护点】
1.一种可视化编辑界面的方法，其特征在于，所述方法包括：/n构建自定义控件库；/n基于Qt Designer工具对自定义控件和所述Qt Designer工具中原生控件进行操作组建界面，将所述界面保存为界面设计图文件，重复上述步骤直至软件系统中所有的所述界面组建完毕；/n解析所有的所述界面设计图文件，建立界面和自定义控件信息库，根据所述界面和自定义控件信息库编辑所述界面间的关联性，将所述界面间的关联性信息添加到所述界面对应的所述界面设计图文件中；/n转换所有的所述界面设计图文件，生成逐个对应的界面源码文件，根据所述自定义控件类型匹配特征代码库，将匹配的特征代码注入到所述界面源码文件中；/n生成加载文件，将第一个组建的所述界面设定为主界面，编译所述加载文件和所有的所述界面源码文件，生成可执行程序。/n

【技术特征摘要】
1.一种可视化编辑界面的方法，其特征在于，所述方法包括：
构建自定义控件库；
基于QtDesigner工具对自定义控件和所述QtDesigner工具中原生控件进行操作组建界面，将所述界面保存为界面设计图文件，重复上述步骤直至软件系统中所有的所述界面组建完毕；
解析所有的所述界面设计图文件，建立界面和自定义控件信息库，根据所述界面和自定义控件信息库编辑所述界面间的关联性，将所述界面间的关联性信息添加到所述界面对应的所述界面设计图文件中；
转换所有的所述界面设计图文件，生成逐个对应的界面源码文件，根据所述自定义控件类型匹配特征代码库，将匹配的特征代码注入到所述界面源码文件中；
生成加载文件，将第一个组建的所述界面设定为主界面，编译所述加载文件和所有的所述界面源码文件，生成可执行程序。


2.根据权利要求1所述的一种可视化编辑界面的方法，其特征在于，所述自定义控件派生于QDesignerCustomWidgetInterface类，派生类类名作为所述自定义控件唯一识别标识，并从图库中加载对应的图标作为所述自定义控件的显示图标。


3.根据权利要求1所述的一种可视化编辑界面的方法，其特征在于，所述自定义控件，还包括自定义信号和自定义槽。


4.根据权利要求1所述的一种可视化编辑界面的方法，其特征在于，所述自定义控件库，至少包括计数控件、计重控件、压力检测控件、温度检测控件、湿度检测控件、电压检测控件、电流检测控件、拉力检测控件、开关控件、指示灯控件、电机控件、空压机控件、界面关联控件。


5.根据权利要求1所述的一种可视化编辑界面的方法，其特征在于，所述基于QtDesigner工具对自定义控件和所述...

【专利技术属性】
技术研发人员：吴宗鸿，
申请(专利权)人：浙江鸿城科技有限责任公司，
类型：发明
国别省市：浙江;33